Jquery 日期选择器不工作

Jquery 日期选择器不工作,jquery,datepicker,Jquery,Datepicker,我现在指的是一个例子。我已经下载了所有内容,但是我的jquery不起作用 我的html代码是 <div class="control-group"> <label class="control-label" for="input17">Date:</label> <div class="controls">

我现在指的是一个例子。我已经下载了所有内容,但是我的jquery不起作用

我的html代码是

   <div class="control-group">
    <label class="control-label" for="input17">Date:</label>                                                         
    <div class="controls">
    <input name="date" id="date" type="text" class="input-medium" placeholder="Date">
    <a class="btn" href="#"><i class="fa fa-calendar"></i></a>                                                             
    <div id="error_date"></div>                              
    </div>
    </div>

日期:
我的Jquery是这样的

     var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#date').datepicker({
  onRender: function(date) {
    return date.valueOf() < now.valueOf() ? 'disabled' : '';
  }
}).on('changeDate', function(ev) {
  if (ev.date.valueOf() > checkout.date.valueOf()) {
    var newDate = new Date(ev.date)
    newDate.setDate(newDate.getDate() + 1);
    checkout.setValue(newDate);
  }
  checkin.hide();

}).on('changeDate', function(ev) {
  checkout.hide();
}).data('datepicker');
var nowTemp=新日期();
var now=新日期(nowTemp.getFullYear(),nowTemp.getMonth(),nowTemp.getDate(),0,0,0);
var checkin=$(“#日期”).datepicker({
onRender:函数(日期){
返回日期.valueOf()checkout.date.valueOf()){
var newDate=新日期(ev.Date)
newDate.setDate(newDate.getDate()+1);
checkout.setValue(newDate);
}
checkin.hide();
}).on('changeDate',功能(ev){
checkout.hide();
}).数据(“日期选择器”);

请帮助。

您需要检查以下内容:

  • 首先检查您是否添加了适当版本的jquery
  • 检查在添加jquery之后是否已经添加了日期选择器插件
  • 然后,您需要添加代码来初始化日期选择器插件
  • 如果一切正常,请检查是否已绑定代码。如果不是这样,那么在
    $.ready
    中绑定您的代码,以便在DOM的每个元素都准备好之后插件初始化工作

    $(函数(){
    var nowTemp=新日期();
    var now=新日期(nowTemp.getFullYear(),nowTemp.getMonth(),nowTemp.getDate(),0,0,0);
    var checkin=$(“#日期”).datepicker({
    onRender:函数(日期){
    返回日期.valueOf()checkout.date.valueOf()){
    var newDate=新日期(ev.Date)
    newDate.setDate(newDate.getDate()+1);
    checkout.setValue(newDate);
    }
    checkin.hide();
    }).on('changeDate',功能(ev){
    checkout.hide();
    }).数据(“日期选择器”);
    });
    
    
    日期:
    
    试试这段代码

    ko.bindingHandlers.datepicker={
    init:function(元素、valueAccessor、allBindingsAccessor){
    //使用一些可选选项初始化日期选择器
    var options=allBindingsAccessor().datepickerOptions | |{};
    $(元素).datepicker(选项);
    //当用户更改日期时,更新视图模型
    ko.utils.registerEventHandler(元素,“changeDate”,函数(事件){
    var value=valueAccessor();
    if(可维护的高值){
    价值(事件日期);
    }                
    });
    },
    更新:函数(元素、值访问器){
    var小部件=$(元素).data(“日期选择器”);
    //更新视图模型时,更新小部件
    如果(小部件){
    widget.date=ko.utils.unwrapObservable(valueAccessor());
    setValue();
    }
    }
    };
    var模型={
    测试日期:可观察到(新日期('2012/12/12'))
    };
    ko.applyBindings(模型,$(“#目标”)[0])
    
    #目标{
    边缘:2米;
    }
    
    
    你说的“不工作”是什么意思?它不显示吗?你有例外吗?它显示了,但是broneken?它在控制台中显示了什么?您包含了正确的javascript链接吗?我包含了js链接。日历剂量弹出。类似问题如下: