2017-05-11 3 views
-1

こんにちは私は、予約したい日付の間にフィルタリングできるようにするためのフィルタを作成しようとしていました。私は日時ピッカー(http://xdsoft.net/jqplugins/datetimepicker/)を使用しましたが、ピッカーへのフォームは機能していません(日付を選択することはできません)。私はd.m.Yフォーマットを使用しています。これはY/d/mで動作しているので問題があるようですが、このフォーマットは使用できません。あなたが任意のヒントを持っている場合Datetimepickerが異なるフォーマットで動作しない

<input type="text" name="from" id="from"> 
<input type="text" name="to" id="to"> 

私に教えてください:

function addPicker() { 
$.datetimepicker.setLocale('cs'); 
$("#from").datetimepicker({ 
    timepicker:false, 
    format:'d.m.Y', 
    value: '+1970/01/02', //today 
    scrollMonth : false, 
    scrollInput : false, 
    minDate: '+1970/01/02', 
    onShow:function(ct){ 
     this.setOptions({ 
      maxDate:$('#to').val()?jQuery('#to').val():false 
     }) 
    } 
}); 
$("#to").datetimepicker({ 
    timepicker:false, 
    format:'d.m.Y', 
    value: '+1970/01/08', //a week from today 
    scrollMonth : false, 
    scrollInput : false, 
    onShow:function(ct){ 
     this.setOptions({ 
      minDate:jQuery('#from').val()?jQuery('#from').val():false 
     }) 
    } 

}); 
} 
$(document).ready(function() { 
addPicker(); 
}); 

とhtml:ここに私のコードです。ありがとう。

+0

[あなたがにリンクされたプラグインページ](http://xdsoft.net/jqplugins/datetimepicker/上の作業例があるので、私は非常にあなたの問題はフォーマット文字列に関連している疑い)と同じ形式を使用してください。 –

+0

あなたは日付を欲しい 'from'があり、日付か将来の日付でなければなりませんか?またあなたは何をしようとしているのか? –

+0

"from"は明日でなければなりません。顧客は現在の日付に予約できません。制限は3.4から1.4までの "to"日付でなければ意味がありません。 –

答えて

0

私が日付を米国の形式に変換するための小さなスクリプトを作成したので、著者はmaxDateに異なる形式を返すことを考えなかったようです。他の人に役立つようにここに残しておきます。

function convertDate(czechDate){ 
    var parsed = czechDate.split("."); 
    return parsed[2]+"/"+parsed[1]+"/"+parsed[0]; 
} 

オリジナルコードを変更しました。

function addPicker() { 
 
    $.datetimepicker.setLocale('cs'); 
 

 
    $("#from").datetimepicker({ 
 
    timepicker: false, 
 
    format: 'd.m.Y', 
 
    value: '+1970/01/02', //today 
 
    scrollMonth: false, 
 
    scrollInput: false, 
 
    minDate: '+1970/01/02', 
 
    onShow: function(ct) { 
 
     this.setOptions({ 
 

 
     maxDate: $('#to').val() ? convertDate(jQuery('#to').val()) : false 
 
     }) 
 
    } 
 
    }); 
 
    $("#to").datetimepicker({ 
 
    timepicker: false, 
 
    format: 'd.m.Y', 
 
    value: '+1970/01/08', //a week from today 
 
    scrollMonth: false, 
 
    scrollInput: false, 
 
    onShow: function(ct) { 
 
     this.setOptions({ 
 
     minDate: jQuery('#from').val() ? convertDate(jQuery('#from').val()) : false 
 
     }) 
 
    } 
 

 
    }); 
 
} 
 

 
function convertDate(czechDate) { 
 
    var parsed = czechDate.split("."); 
 
    return parsed[2] + "/" + parsed[1] + "/" + parsed[0]; 
 
} 
 
$(document).ready(function() { 
 
    addPicker(); 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js"></script> 
 

 

 

 
<input type="text" name="from" id="from"> 
 
<input type="text" name="to" id="to">

関連する問題