Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导日期选择器选项不工作_Jquery_Twitter Bootstrap_Bootstrap Datepicker - Fatal编程技术网

Jquery 引导日期选择器选项不工作

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

我有一个表单字段是日期,我使用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="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>