私は非常にシンプルなものを探していますが、ここやブートストラップのdatetimepickerのドキュメントでも見つけられませんでした。ブートストラップデータピッカーの関数でmaxDateまたはminDateを設定する方法はありますか?
アイデアは非常に簡単です。私は現在、サーバーから取得したpage_loadに値を持つ2つのdatetimeフィールドを持っています。
ここでは、最初の日付のmaxDateが2番目の日付値で、2番目の日付のminDateが最初のフィールドの日付であることを確認します。
は、ここに私のコードです:
$(document).ready(function() {
$('[id^="datetimepickerStartDate"]').datetimepicker({
useCurrent: false,
format: applicationDateTimeFormat,
ignoreReadonly: true,
//maxDate: function() {
// var id = $(this).attr('id');
// var str = id.split("_");
// if (str.length <= 1) {
// var secondDateTimePicker1 = $('#datetimepickerFinishDate').data("DateTimePicker").date();
// if (secondDateTimePicker1.length) {
// return secondDateTimePicker1;
// }
// return null;
// } else {
// var secondDateTimePicker2 = $("#datetimepickerFinishDate_" + str[1]).data("DateTimePicker").date();
// if (secondDateTimePicker2.length) {
// return secondDateTimePicker2;
// }
// return null;
// }
//},
locale: locale
});
$('[id^="datetimepickerFinishDate"]').datetimepicker({
useCurrent: false,
format: applicationDateTimeFormat,
ignoreReadonly: true,
//minDate: function() {
// var id = $(this).attr('id');
// var str = id.split("_");
// if (str.length <= 1) {
// var secondDateTimePicker1 = $('#datetimepickerStartDate').data("DateTimePicker").date();
// if (secondDateTimePicker1.length) {
// return secondDateTimePicker1;
// }
// return null;
// } else {
// var secondDateTimePicker2 = $("#datetimepickerStartDate_" + str[1]).data("DateTimePicker").date();
// if (secondDateTimePicker2.length) {
// return secondDateTimePicker2;
// }
// return null;
// }
//},
//minDate: new Date().setHours(0, 0, 0, 0),
locale: locale
});
$('[id^="datetimepickerStartDate"]')
.on("dp.change",
function (e) {
var id = $(this).attr('id');
var str = id.split("_");
if (str.length <= 1) {
$('#datetimepickerFinishDate').data("DateTimePicker").minDate(e.date);
} else {
$("#datetimepickerFinishDate_" + str[1]).data("DateTimePicker").minDate(e.date);
$(id).datetimepicker('hide');
}
});
$('[id^="datetimepickerFinishDate"]')
.on("dp.change",
function (e) {
var id = $(this).attr('id');
var str = id.split("_");
if (str.length <= 1) {
$('#datetimepickerStartDate').data("DateTimePicker").maxDate(e.date);
} else {
$("#datetimepickerStartDate_" + str[1]).data("DateTimePicker").maxDate(e.date);
$(id).datetimepicker('hide');
}
$(id).datetimepicker('hide');
});
});
そのコードが、私は探していますの多くは、私がのDateTimePickerの最初のオープンで、これらのルールを設定することができますどのような方法です。だから、私はmaxDateとminDateプロパティのe関数を実行すると思っていましたが、うまくいきませんでした!
どのようにすればこの問題を解決できますか?
dp.change
イベントは日付が初めて変更された場合にのみ動作します...