2

単純な日付ピッカーのテキストフィールドがあります。

<input type="text" name="book_on" id="book_on" value="<?php echo $today; ?>"

jQueryは次のとおりです。

$('#book_on').datepicker({
        dateFormat: 'mm/dd/y'
      });

これはすべて非常に簡単ですが、ページの他の場所で選択した日付を別の形式で表示する必要もあります。具体的には、日付を選択するときに、ページのどの曜日にあるかを表示する必要があり<span>ます。 。

これはそうですdateFormat: 'D'が、日付ピッカーに2番目のタイプの日付形式を返すようにする方法が見つかりません。コード全体を記述する必要はありません。上記の関数を取得して、選択した日付の曜日を警告することができれば、それは素晴らしいことです。

4

4 に答える 4

7

パーティーに少し遅れましたが、本当の解決策は、2つのdatepickerプロパティを利用することだと思います

    altField: "#your-span",
    altFormat: "D",

これらのオプションを設定する#your-spanと、要素が適切な形式で自動的に入力されます。追加のコードは必要ありません！

于 2012-05-15T17:34:12.800 に答える
3

このjsFiddleの例のようなものをお探しですか？

jQuery：

var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
$('#book_on').datepicker({
    dateFormat: 'mm/dd/y',
    onSelect: function(event, ui) {
        var dayOfWeek = $(this).datepicker('getDate').getUTCDay();
        $('#day').val(days[dayOfWeek]);
    }
});​
于 2012-05-15T16:07:40.953 に答える
2

イベントを使用onSelectして、次のようなトリックを実行できます。

var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
$("#book_on").datepicker({
    onSelect: function(dateText, inst) {
        var day = new Date(dateText).getDay();
        $("span").text(weekday[day]);
    }
});​

デモ：http： //jsfiddle.net/LXCMD/

于 2012-05-15T16:09:05.840 に答える
0

これはdateFormat：'D'になりますが、日付ピッカーに2番目のタイプの日付形式を返す方法が見つかりません。

Datepickerプラグインには、日付を任意の形式で出力するためのユーティリティ関数があります。

var t = $('#picker').datepicker('getDate');
var myDate = $.datepicker.formatDate('D', t);

したがって：

$('#book_on').datepicker({
    dateFormat: 'mm/dd/y',
    onSelect: function(dateText, inst) {
        var date = $(this).datepicker('getDate');
        $('#span').text($.datepicker.formatDate('D', date));
    }
});​
于 2012-05-15T16:12:25.583 に答える