Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/swift/17.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
Javascript 如何使用引导日期选择器在应用程序上获取正确的日期格式?_Javascript_Html_Jquery Ui Datepicker - Fatal编程技术网

Javascript 如何使用引导日期选择器在应用程序上获取正确的日期格式?

Javascript 如何使用引导日期选择器在应用程序上获取正确的日期格式?,javascript,html,jquery-ui-datepicker,Javascript,Html,Jquery Ui Datepicker,我在使用Boostrap DatePicker时遇到了一个小问题,问题是输入daterange上的日期格式。例如,2020年8月1日。它应该阅读以下格式,并被用户很好地理解。e、 g 2020年1月9日。下面是我使用Bootstrap DatePicker的逻辑,我对使用从开始到结束日期的更好方法持开放态度 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5

我在使用Boostrap DatePicker时遇到了一个小问题,问题是输入daterange上的日期格式。例如,2020年8月1日。它应该阅读以下格式,并被用户很好地理解。e、 g 2020年1月9日。下面是我使用Bootstrap DatePicker的逻辑,我对使用从开始到结束日期的更好方法持开放态度

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css">
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script>
 <!---DatePicker for startDate and endDate.
   ----> 
   <div class="d-flex justify-content-start">
   <div class = "col-xl-10.5 col-lg-10.5 col-md-10 col-sm-10.5 col-10.5">
 <div class="input-daterange input-group" id="datepicker">
   <input type="text" class="input-sm form-control" name="from" placeholder="startdate"/>
   <span class="input-group-addon">To</span>
   <input type="text" class= "input-sm form-control" placeholder="enddate"/>
     </div>
     </div>
  </div><br>
  // date functionality
 $(document).ready(function() {
   var year = (new Date).getFullYear();
   $('.input-daterange').datepicker({
     dateFormat: "dd-mm-yy",
     autoclose:true,
     minDate: new Date(year, 0, 1),
     maxDate:new Date(year, 11, 31)

   });
 });

这里有一个例子。供您进一步参考访问


您可以通过使用选项而不是dateFormat来实现这一点

$document.readyfunction{ var year=新日期。getFullYear; $'.input daterange'.datepicker{ 格式:年月日, 自动关闭:是的, minDate:新年,0,1, maxDate:new Dateyear,11,31 }; }; 到
这对你有帮助吗?抱歉,我不清楚问题是什么,您能否提供更多您想要实现的内容。问题在于表单控件本身。例如,2020年8月1日。我希望它显示这种格式09/01/2020。希望我能理解你的意思。日期格式可以更改。选中此复选框,它不会显示此日期选择器的库,我可能使用了不正确的库,我正在获取scewed表单控件。我可以查看您现在获得的确切输出吗?如果有可能感谢Amal,那么问题确实在于将DateFormat替换为format:dd-mm-yyyy-only。多么喧闹啊,哈哈
<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <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>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>
$(document).ready(function() {
   var year = (new Date).getFullYear();
   $('.input-daterange').datepicker({
     format: "dd-mm-yy",
     autoclose:true,
     minDate: new Date(year, 0, 1),
     maxDate:new Date(year, 11, 31)
   });
 });