1

私の日付ピッカーはうまく機能しaますが、「＃todate」の日付が選択/変更されるたびに、（＃daterange）タグを選択した日付で更新する必要があります。

フィドル： http： //jsfiddle.net/5HQeg/

$(function () {

    var picker_from = $( '#fromdate' ).pickadate({
        onSelect: function() {
            var fromDate = createDateArray( this.getDate( 'yyyy-mm-dd' ) )
            picker_to.data( 'pickadate' ).setDateLimit( fromDate )
        },
        format: 'mmm dd, yyyy',
        formatSubmit: 'yyyy-mm-dd'
    });
    var picker_to = $( '#todate' ).pickadate({
        onSelect: function() {
            var toDate = createDateArray( this.getDate( 'yyyy-mm-dd' ) )
            picker_from.data( 'pickadate' ).setDateLimit( toDate, 1 )
        },
        format: 'mmm dd, yyyy',
        formatSubmit: 'yyyy-mm-dd'
    });
    function createDateArray( date ) {
        return date.split( '-' ).map(function( value ) { return +value })
    };

});

このdatepickerプラグインでそれを行う関数が見つかりません。

4

2 に答える 2

2

テキスト ボックスの onchange 関数を記述する必要があります。

$('#todate').change(function () {
    $('.daterange').text($('#fromdate').val() + '-' + $(this).val());
});

ここにjsfiddleがあります

于 2013-01-25T19:45:36.210 に答える
0

日付のフォーマット方法はわかりませんが、aタグ内に入れるために、次のようにしました。

フィドルワーク

  1. idスパンにいくつかのsを追加します。

    <a href="#" class="daterange"><span id="numfrom">Dec 21, 2012 </span>-<span id="numto"> Jan 20, 2013</span></a>

  2. 関数を編集onSelectしてこれを追加します：

    $('#numfrom').text(fromDate); // For the fromDate section

最終的な関数は次のようになります。

var picker_from = $('#fromdate').pickadate({
    onSelect: function () {
        var fromDate = createDateArray(this.getDate('yyyy-mm-dd'));
        picker_to.data('pickadate').setDateLimit(fromDate);
        $('#numfrom').text(fromDate);
    },
    format: 'mmm dd, yyyy',
    formatSubmit: 'yyyy-mm-dd'
});
var picker_to = $('#todate').pickadate({
    onSelect: function () {
        var toDate = createDateArray(this.getDate('yyyy-mm-dd'));
        picker_from.data('pickadate').setDateLimit(toDate, 1);
        $('#numto').text(toDate);
    },
    format: 'mmm dd, yyyy',
    formatSubmit: 'yyyy-mm-dd'
});
于 2013-01-25T19:45:10.447 に答える