Question

这是我第一次进行任何类型的网络开发，所以请原谅我在行话中犯的任何错误。

我知道如何在有基本的html和javascript文件时添加datetimepicker。

<div class='input-group date' id='datetimepicker1'>
     <input type='text' class="form-control" />
     <span class="input-group-addon"><span class="glyphicon glyphicon-calendar">
     </span>
     </span>
</div>
<script>
   $(function () {
        $('#datetimepicker1').datetimepicker();
        });
</script>

现在我有相同的html元素，但它有一个Marionette.Itemview支持。我该如何在该模型中做同等的工作？

define([
"backbone.marionette",
"jquery",
], function(Marionette, jQuery){

var TestForm = Marionette.ItemView.extend({
    template: TestTemplate,

    ui:{
        minDatePicker: "#minDatePicker"
    }
    return TestForm;    
}

Answer 1

所以我经过大量的试验和错误后设法弄明白了。希望这有助于将来的其他人。

define([
"backbone.marionette",
"jquery",
"moment",
"datetimepicker"
], function(Marionette, jQuery, moment, picker){

var TestForm = Marionette.ItemView.extend({
    template: TestTemplate,

ui:{
    minDatePicker: "#minDatePicker"
},

events:{
    "dp.change #minDatePicker": function(e) {
        this.ui.minDatePicker.data('DateTimePicker').setMinDate();
}

onRender:function() {
    this.ui.minDatePicker.datetimepicker();
}
    return TestForm;    
}

Marionette.ItemView：添加Eonasdan datetimepicker

1 个答案: