我正在使用bootstrap-calendar datepicker(source here)。出于某种原因,我似乎无法使任何选项工作(自动关闭,设置开始日期等)。是否有其他人遇到类似的问题,你是如何解决的?
另外,如何将弹出窗口中选择的日期设置为先前选择的日期?这应该是自动发生的吗?
HTML:
<head>
<link rel=stylesheet href="{{ CSS_URL }}/bootstrap.min.css">
<link rel=stylesheet href="{{ CSS_URL }}/datepicker.css">
</head>
<body>
<script>
require = {
baseUrl: "{{ JAVASCRIPT_URL }}",
config:{
tpl: {
variable:'data'
}
},
shim: {
underscore: {
exports: '_'
},
backbone: {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
bootstrap: ['jquery'],
'bootstrap-datepicker': ['jquery']
}
};
</script>
</body>
JavaScript(严格解析):
var popupKal = function(){
var d = $(this);
d.datepicker().on('changeDate', function(ev){
var date = new Date(ev.date.valueOf());
d.datepicker('setValue', ev.date);
that.createTabs(model_cid);
});
};
编辑:小部件确实正常工作 - 当弹出日历时,我可以选择日期,所选日期会反映在旁边的文本中。但是,如果我尝试设置所选日期,例如d.datepicker("setDate", new Date("06/03"/2013").on(...);
,则只设置日期并忽略.on()
中的所有内容。