4

jqueryに2つの日付ピッカーがあり、1つのピッカーの日付に1日を追加し、次のように別の日付ピッカーに割り当てます。

 /*assign date pickers*/
        $("#MainContent_txtActualShipDate").datepicker({
            dateFormat: 'mm/dd-yyyy',
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true
        });

        $("#MainContent_txtExpectedShipDate").datepicker({
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true,
            onSelect: function (selectedDate) {
                var date = $(this).datepicker('getDate');

                if (date) {
                    date.setDate(date.getDate() + 1);
                    $("#MainContent_txtActualShipDate").val(date);
                }

            }
        });

onSelect関数は単一の日付を追加して割り当てます#MainContent_txtActualShipDateが、取得する値は「TUE APR 24 2012 00:00:00」であることに注意してください。単純に「04/24/2012」にしたいので、mm/dd/yyyy. jquery ui docs を読み、stackoverflow でいくつかの例を調べましたが、どれも機能しませんでした。このコードを見て編集して、必要な形式を取得できる人はいますか?

編集

これを次のように変更します。

        $("#MainContent_txtExpectedShipDate").datepicker({
            dateFormat: 'mm/dd-yyyy',
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true,
            onSelect: function (selectedDate) {
                var date = $(this).datepicker('getDate');

                if (date) {
                    date.setDate(date.getDate() + 1);
                    var formattedDate = $.datepicker.formatDate('mm/dd-yyyy', date);
                    $("#MainContent_txtActualShipDate").val(formattedDate); 

//                    $("#MainContent_txtActualShipDate").val(date);
                }

            }
        });

しかし、年は 04/12/20122012 の 2 回表示されます。

答え

将来的に他の人のために働いたのは次のとおりです。

/*assign date pickers*/
        $("#MainContent_txtActualShipDate").datepicker({
            dateFormat: 'mm/dd/yy',
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true
        });

        $("#MainContent_txtExpectedShipDate").datepicker({
            dateFormat: 'mm/dd/yy',
            changeMonth: true,
            changeYear: true,
            showOtherMonths: true,
            selectOtherMonths: true,
            onSelect: function (selectedDate) {
                var date = $(this).datepicker('getDate');

                if (date) {
                    date.setDate(date.getDate() + 1);
                    var formattedDate = $.datepicker.formatDate('mm/dd/yy', date);
                    $("#MainContent_txtActualShipDate").val(formattedDate); 
                }

            }
        });
        /*end assign date pickers*/

ありがとう

4

4 に答える 4

4

formatDate()関数を使用します。

var formattedDate = $.datepicker.formatDate('mm/dd/yy', date);
$("#MainContent_txtActualShipDate").val(formattedDate);
于 2012-04-24T12:41:45.140 に答える
0

dateFormatを見逃しましたこれを試してください：

/*assign date pickers*/
    $("#MainContent_txtActualShipDate").datepicker({
        dateFormat: 'mm/dd/yy',
        changeMonth: true,
        changeYear: true,
        showOtherMonths: true,
        selectOtherMonths: true
    });

    $("#MainContent_txtExpectedShipDate").datepicker({
        dateFormat: 'mm/dd/yy',
        changeMonth: true,
        changeYear: true,
        showOtherMonths: true,
        selectOtherMonths: true,
        onSelect: function (selectedDate) {
            var date = $(this).datepicker('getDate');

            if (date) {
                date.setDate(date.getDate() + 1);
                var formattedDate = $.datepicker.formatDate('mm/dd/yy', date);
                $("#MainContent_txtActualShipDate").val(formattedDate); 
            }

        }
    });
于 2012-04-24T12:48:23.227 に答える
0

dateFormat が間違っていました。'dd/mm/yy' である必要があります

また、datepicker を必要とするフィールドにクラスを追加する傾向もあります。したがって、このようなことをすることができます...

$(".DatePick").datepicker({ dateFormat: 'dd/mm/yy', gotoCurrent: true });

複数回割り当てる必要がなくなります。

于 2013-02-07T13:23:19.973 に答える
0

のように日付を設定してみてください

$('#MainContent_txtActualShipDate').datepicker("setDate", date);

これがうまくいかない場合は、

$("#MainContent_txtActualShipDate").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear());

于 2012-04-24T12:42:57.070 に答える