私のdbからフォーマット(YYYY-MM-DDTHH:mm:ss.000)で読み込まれる日付時刻変数「whenDateTime」があります。 私はこの日付時刻を持つdatetimepickerを設定し、それを操作して、それを私のdbに書き戻したいと思っています。Firefoxでknockoutを使ってbootstrap-datetimepickerを動作させる方法
何らかの理由により、datetimepickerがトリガーされません。どこが間違っていますか?
この私の見解モデルさ:
function ViewModel() {
var self = this;
self.whenDateTime = ko.observable("2016-04-09T19:24:48.000");
self.viewWhenDateTime = ko.computed({
read: function() {
var mydate = self.whenDateTime();
if (!mydate) {
return null;
} else {
return moment(mydate).format("DD.MM.YYYY HH:mm");
}
},
write: function (newVal) {
var reversed = moment(newVal).format();
self.whenDateTime(reversed);
}
});
}
bindingHandlersはこのようなものです:
ko.bindingHandlers.dateTimePicker = {
init: function (element, valueAccessor, allBindingsAccessor) {
//initialize datepicker with some optional options
var options = allBindingsAccessor().dateTimePickerOptions || {};
$(element).datetimepicker(options);
//when a user changes the date, update the view model
ko.utils.registerEventHandler(element, "dp.change", function (event) {
var value = valueAccessor();
if (ko.isObservable(value)) {
if (event.date != null && !(event.date instanceof Date)) {
value(event.date.toDate());
} else {
value(event.date);
}
}
});
ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
var picker = $(element).data("DateTimePicker");
if (picker) {
picker.destroy();
}
});
},
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
var picker = $(element).data("DateTimePicker");
//when the view model is updated, update the widget
if (picker) {
var koDate = ko.utils.unwrapObservable(valueAccessor());
//in case return from server datetime i am get in this form for example /Date(93989393)/ then fomat this
koDate = (typeof (koDate) !== 'object') ? new Date(parseFloat(koDate.replace(/[^0-9]/g, ''))) : koDate;
picker.date(koDate);
}
}
};
フィドル:私はフィドル(https://jsfiddle.net/9aLvd3uw/237/)を実行するとhttp://jsfiddle.net/AsleG/v54hnxur/
あなたのjsfiddleのコンソールにエラーがあります –
私はそれらを見ていますが、原因を見ることはできません。 –
https://jsfiddle.net/9aLvd3uw/236/ –