Jquery 引导日期选择器选项不工作
我有一个表单字段是日期,我使用datepicker。这是表单字段:Jquery 引导日期选择器选项不工作,jquery,twitter-bootstrap,bootstrap-datepicker,Jquery,Twitter Bootstrap,Bootstrap Datepicker,我有一个表单字段是日期,我使用datepicker。这是表单字段: <div class=form-group> <div class="input-group date" data-provide="datepicker"> <input class="form-control" id="data" name="data" placeholder="VVVV/MM/DD" type="text" /> <div class="inp
<div class=form-group>
<div class="input-group date" data-provide="datepicker">
<input class="form-control" id="data" name="data" placeholder="VVVV/MM/DD" type="text" />
<div class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</div>
</div>
</div>
此jQuery代码位于外部JavaScript文件中的
$(document).ready()
函数中,该文件包含在关闭
标记之前。在jQuery中,您的目标是
元素的id。如果以输入的父元素为目标,则引导日期选择器将工作
尝试运行此代码段或检查此:
$(文档).ready(函数(){
$(“#日期选择器组”)。日期选择器({
格式:“yyyy/mm/dd”,
今天的亮点:没错,
自动关闭:是的,
clearBtn:对
});
});代码>
要克服您需要使用的情况
$(document).ready(function () { });
您需要以输入的父元素为目标。这使得日期选择器工作正常
JS编码
<script>
$(document).ready(function () {
$('#selectDate').datepicker({
dateFormat: 'dd/mm/yy', // set date format as you prefer
changeMonth: true, // if you want to change months
changeYear: true, // if you want to change years
yearRange: "-50:+10",
clickInput: true,
onSelect: function (date) {
$('#selectName').val(date).attr('readonly', true); // if you want to make event fire after the date selection
}
});
});
</script>
$(文档).ready(函数(){
$('#selectDate')。日期选择器({
dateFormat:'dd/mm/yy',//根据需要设置日期格式
changeMonth:true,//如果要更改月份
changeYear:true,//如果要更改年份
年范围:“-50:+10”,
单击输入:true,
onSelect:功能(日期){
$('#selectName').val(date).attr('readonly',true);//如果要在选择日期后触发事件
}
});
});
页面上有错误吗?包括jQuery?是的,包括jQuery,我没有收到任何错误。您面临的确切问题是什么?比说它不起作用更具体一些。很抱歉回复得太晚。我看到了演示,它看起来很棒,但在我的情况下它不起作用:/好的,我修复了它。我稍微修改了你的解决方案bit@eli我也遇到了同样的问题。你能告诉我你的解决方案吗。Datepicker正在工作,但我传递的选项对我不起作用,这是一个如何排序脚本的问题。确保引导日期选择器*位于主引导-之后。scipt/css文件。
<script>
$(document).ready(function () {
$('#selectDate').datepicker({
dateFormat: 'dd/mm/yy', // set date format as you prefer
changeMonth: true, // if you want to change months
changeYear: true, // if you want to change years
yearRange: "-50:+10",
clickInput: true,
onSelect: function (date) {
$('#selectName').val(date).attr('readonly', true); // if you want to make event fire after the date selection
}
});
});
</script>