2016-11-02 27 views
0

jQueryを使用していますdatetimepicker日付選択ツールが追加され、日付と時刻が予約されます。それはどのように動作するはずです。jQuery datetimepickerで選択した日付と時刻を無効にする方法

誰かが他人のために、そのために利用可能であってはならない時間と日付の予約行うと利用できる時間は午後2

に午前8時です水曜日を除く日曜日から土曜日までの日付ピッカーを有効にして、時間は火曜日午後6時 に午前8時です私はdisabledDatesを使用しようとしていますが、動作しません。ここで

はスクリプトです

function DisableWed(date) { 

    var day = date.getDay(); 
    // If day == 1 then it is Wednesday 
    if (day == 3) { 

    return [false] ; 

    } else { 

    return [true] ; 
    } 
    } 
$('#pickdate').datetimepicker({ 
    format: 'Y-m-d H:s', 
    beforeShowDay: DisableWed, 
    minDate: 0, 
    disabledDates: ['2016-11-03 09:00'], 
    allowTimes: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00'] 
}); 

としてhttp://xdsoft.net/jqplugins/datetimepicker/ MINTIMEとdisabledDatesは私のために働いていないように見える説明。

+0

あなたはフィドル応答:)のため –

+0

おかげ@SusheelSinghを追加し、ここにそんなにチュンフインをありがとう、私のフィドルhttps://jsfiddle.net/matatitung/66uvybb8/ – user75472

答えて

1

水曜日を無効にするにはbeforeShowDayを実行する必要はありません。ドキュメントを見ると、あなたにはウィークデーがあります。

disabledWeekDays: [3] // will disable Wednesday 

次に、ユーザーがクリックした日時を確認するためにonChangeDateTimeを使用します。これにより、ユーザーが選択できるように許可時間をリセットできます。現在の日が火曜日火曜日かどうか、それであれば初期許さ回チェックするため

onSelectDate:function(dp,$input){ // this will switch available time when choose the day 
    if (dp.getDay() == 2) { 
    this.setOptions({ 
     allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] 
    }); 
    } else { 
    this.setOptions({ 
     allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'] 
    }); 
    } 

ます。また、if文を行い、初期の許容時間は8 am-2pmは、ある

allowTimes: new Date().getDay() == 2 ? ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] : ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'], // this we show 8am-2pm if today day is Tuesday 

am-6pm 8ない場合参照してください私のDEMO

+0

であることができます。これは本当に私のために働く。私が仕事をすることができなかった唯一のものは、身分証明書です。 disabledDatesリストを追加しても、それらは機能しません。私は間違った方法でこれをやっているかどうか分からないので、私が提供したフィドルを見ることができます。誰かが "2016-12-12 09:00"のように日付を予約すると、日付選択ツールをクリックしないうちにこの日付と時刻を無効にする必要があります。 onChangeDateTimeイベントにこれを追加する必要がありますか? 助けてくれてありがとう – user75472

+0

@ user75472私はあなたが本当に身体障害者の人と何をしたいか理解していません。あなたに何をしたいのか、私にはより良い考えを与えてください。 – tkhuynh

+0

私はクラスの予約サイトを持っています。誰かが2016-12-12 9:00と言うクラスを予約している場合、その日時は他の人には無効にする必要があります。これは理にかなっていますか?これを説明する必要がある場合は、私にお知らせください。 ありがとう、 – user75472

関連する問題