asp.net-mvc-3 - かみそりエンジンを使用したmvc3のdatepicker

Question

ビューには、「From」用と「to」用の 2 つの日付ピッカーがあります。「から」が「から」未満の選択された日付をいつ無効にするかが必要です。また、datePickerのビューをフォーマットする方法を教えてください

<div>
    From:
    <input type="text" id="txtFromDate" />
    To:
    <input type="text" id="txtToDate" />
</div>


$(function() {
    $("#txtFromDate").datepicker({
        numberOfMonths: 1,
        highlightWeek: true,
        onSelect: function(selected) {

            $("#txtToDate").datepicker("option", "mindate", selected)
        }
    });
    $("#txtToDate").datepicker({
        numberOfMonths: 1,
        onSelect: function(selected) {
            $("#txtFromDate").datepicker("option", "maxDate", selected)
        }
    });

});

Answer 1

私は解決策を得ました...

$(function () {
    $("#txtFromDate").datepicker({
        changeMonth: true,
        changeYear: true,
        buttonImage: '../../Images/DatePicker.jpg',
        dateFormat: 'dd-mm-yy',
        buttonText: 'Select date:',
        firstDay: 1,
        buttonImageOnly: true,
        showOn: 'both',
        showAnim: 'fadeIn',
        onSelect: function () {

            var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none
            var max = new Date(min.getTime());
            max.setMonth(max.getMonth() + 12 * 10); // Add one month
            $("#txtToDate").datepicker('option', { minDate: min, maxDate: max });

        }
    });
});


$(function () {
    var min = $("#txtFromDate").datepicker('getDate')
    $("#txtToDate").datepicker({
        changeMonth: true,
        changeYear: true,
        buttonImage: '../../Images/DatePicker.jpg',
        dateFormat: 'dd-mm-yy',
        buttonText: 'Select date:',
        firstDay: 1,
        buttonImageOnly: true,
        showOn: 'both',
        showAnim: 'fadeIn',
        onSelect: function () { $(this).trigger("onchange", null); }
    });
});