Sélectionnez le numéro de la semaine de la date ramassées à l'aide d'datepicker de jquery

J'ai le code suivant pour la sélection d'une date qui je veux convertir un numéro de semaine.

    $(".calendar").datepicker({
        showWeek: true,
        onSelect: function(dateText, inst) {
            dateFormat: "'Week Number '" + $.datepicker.iso8601Week(new Date(dateText)),
            alert($.datepicker.iso8601Week(new Date(dateText)))
        }
    });

L'alerte affiche le numéro de la semaine, mais la date n'a pas reformater.

Je ne peux pas déplacer le dateFormat fonction à l'extérieur de la onSelect parce que cette cause ne se passe rien.

Ce que je souhaite réaliser est le champ de texte pour dire quelque chose comme "le Numéro de la Semaine 13"

Des idées?

http://jsfiddle.net/ENG66/

A un jsFiddle? 🙂
ajouté... merci pour la prod!
Je ne suis pas tout à fait sûr de comprendre le but ici. Qu'essayez-vous de réaliser? Afficher le numéro de la semaine au lieu de la date de l'entrée en champ?
C'est exactement ça @pecka85... désolé si je n'ai pas fait toute claire. Mon esprit est un gâchis avec essayer de s'en sortir!

OriginalL'auteur Tom | 2012-09-20

  1. 6

    J'ai mis à jour le violon pour la faire fonctionner: http://jsfiddle.net/ENG66/11/

    Dans le onselect cas, vous devez utiliser .val() pour remplacer le paramètre de la zone de texte valeur

    $(".calendar").datepicker({
        showWeek: true,
        onSelect: function(dateText, inst) {
            $(this).val("'Week Number '" + $.datepicker.iso8601Week(new Date(dateText)));
        }
    });​

    MODIFIER

    Comme Igor Shastin l'a souligné dans son commentaire ci-dessous nous avons déjà la zone de texte dans inst.input

    inst.input.val($.datepicker.iso8601Week(new Date(dateText)));
    Je pense que c'est légèrement meilleure solution, dès que nous avons déjà le <input> élément: jsfiddle.net/ENG66/12
    Shastin - Post, et je serai heureux de vote.
    Hésitez pas à mettre à jour votre post avec mon code, je ne serait pas l'esprit, surtout depuis que votre message est marqué comme réponse.
    $.datepicker.iso8601Week() retournera false numéro de la semaine si la dateText n'est pas au format ISO 8601. Je suggère donc à l'aide de $(this).datepicker("getDate") pour remplacer dateText, de sorte que la ligne sera comme $(this).val("'Week Number '" + $.datepicker.iso8601Week($(this).datepicker("getDate")));

    OriginalL'auteur James Wiseman

  2. 2

    Essayer cette jsFiddle exemple.

    $(".calendar").datepicker({
    showWeek: true,
    onSelect: function(dateText, inst) {
        dateFormat: "'Week Number '" + $.datepicker.iso8601Week(new Date(dateText)),
        $(this).val('Week:' + $.datepicker.iso8601Week(new Date(dateText)));
    }
});​

    OriginalL'auteur j08691

  3. 0

    Les réponses ci-dessus, supposons que le format de la date peut être géré en natif par Javascript. Dans le cas de la court Européenne des dates (jj/mm/aaaa, par opposition à l'American mm/jj/aaaa), vous pouvez obtenir la valeur de la date via datepicker lui-même, qui se chargera de la conversion automatiquement. 

    $("#week_field").val( $.datepicker.iso8601Week( $("#date_field").datepicker( "getDate" ) ));

    Vous pouvez définir un format de date différent pour le datepicker comme ce

    $.datepicker.setDefaults( {dateFormat : "dd/mm/yy"} );

    OriginalL'auteur DAB