36

我必须在我的日期选择器中以 dd/mm/yyyy 格式设置日期。我正在尝试使用 Javascript 做的是：

  var year = 2014;
  var month = 5;
  var day = 10;

  var realDate = new Date(year, month - 1, day); // months are 0-based!

  $('#MainContent_txtDataConsegna').datepicker({ dateFormat: 'dd/mm/yyyy' }); // format to show
  $('#MainContent_txtDataConsegna').datepicker('setDate', realDate);

问题是我的日期选择器中的值始终采用 mm/dd/yyyy 格式。问题出在哪里？？

这里定义了 datepicker 和 datepicker 选项：

   <div class="input-group date">
       <asp:TextBox runat="server" ID="txtDataOrdine" class="form-control" onBlur="CalcolaTotaliTestata('txtDataOrdine')"></asp:TextBox>
       <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>/span>
    </div>

<script type="text/javascript">
   $('.input-group.date').datepicker({
       todayBtn: "linked",
       language: "it",
       autoclose: true,
       todayHighlight: true,
       dateFormat: 'dd/mm/yyyy' 
   });
</script>
4

13 回答 13

66

改变

dateFormat: 'dd/mm/yyyy'

至

format: 'dd/mm/yyyy'

看起来您只是误读了一些文档！

于 2014-05-18T20:13:02.683 回答
16

更改为format: 'dd/mm/yyyy'对我不起作用，并将其更改为dateFormat: 'dd/mm/yyyy'多次添加年份，对我来说最好的是，

dateFormat: 'dd/mm/yy'
于 2016-06-15T10:22:18.873 回答
15

格式有点变化

格式：“DD/MM/YYYY”

于 2014-10-14T12:34:53.747 回答
14

当您使用数据选择器时会感到困惑，对于引导日期选择器，您必须使用以下代码：-

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

对于 jquery datepicker，必须使用以下代码：-

$( ".datepicker" ).datepicker({
       dateFormat: 'dd-mm-yy'
    });

所以你必须知道你正在使用哪个日期选择器，这最终解决了你的问题，希望这对你有帮助。

于 2017-06-02T06:14:59.107 回答
6

对我来说，这是 daterangepicker 工作的：

     $('#host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });
于 2017-03-21T07:38:13.603 回答
3

You can use this code for bootstrap datepicker:

HTML Code: 

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>

Javascript:

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});
于 2016-02-27T05:47:36.853 回答
3

For Me i got same issue i resolved like this changed format:'dd/mm/yy' to dateFormat: 'dd/mm/yy'

于 2016-01-18T08:07:27.247 回答
2

格式：“DD/MM/YYYY”应该可以解决您的问题。如果您需要有关可用格式的更多帮助，请访问此控件内部使用的http://momentjs.com/ 。

我遇到了一个问题，这个“格式”的东西在本地机器上运行良好，但是当我在服务器上部署应用程序时，日期没有被填充并且控件是空的。当我评论格式代码时，它开始工作，但后来我没有我需要的格式。我使用 web.config 中的全球化条目解决了这个问题。

<system.web>
    <globalization
    requestEncoding="utf-8"
    responseEncoding="utf-8"
    culture="en-GB"
    uiCulture="en-GB" />    
</system.web>

这有助于确保本地和服务器环境具有相同的文化。

于 2016-02-24T14:47:05.727 回答
2

这行代码对我有用

$("#datepicker").datepicker("option", "dateFormat", "dd/mm/yy");

您当然可以使用.input-group.date类更改 id #datepicker

于 2020-12-22T18:00:12.747 回答
1

我对 jquery mobile 1.4.5 有一些问题。例如，它似乎只接受从“选项”传递的格式更改。使用“选项”的日历存在一些刷新问题。对于所有有相同问题的人，我可以建议以下代码：

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();
于 2018-02-06T15:04:50.113 回答
1

尝试这个

 format: 'DD/MM/YYYY hh:mm A'

众所周知，JS 是区分大小写的。所以这将显示

2016 年 10 月 5 日上午 12:00

你的情况是

format: 'DD/MM/YYYY'

显示 : 10/05/2016

我的引导 datetimepicker 基于 eonasdan bootstrap-datetimepicker

于 2019-03-23T16:00:53.550 回答
1

“与 bootstrap 自己的插件一样，datepicker 提供了一个 data-api，可用于实例化 datepickers 而无需自定义 javascript...”

Boostrap DatePicker 文档

也许您想在没有 DatePicker 实例的情况下设置格式，为此，您必须将属性添加data-date-format="DateFormat"到主 Div 标签，例如：

<div class="input-group date" data-provide="datepicker" data-date-format="yyyy-mm-dd">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>

    <input type="text" name="YourName" id="YourId" class="YourClass">
</div>
于 2018-03-19T06:27:18.717 回答
0

与 bootstrap 自己的插件一样，datepicker 提供了一个 data-api，可用于实例化 datepickers 而无需自定义 javascript.. 将其用于 Bootstrap：

<label>Date of Birth</label>
<input name="userdob" data-provide="datepicker" placeholder="dd-mm-yyyy" date-autoclose="true" class="form-control courtdata" data-date-format="dd-mm-yyyy" required>
于 2021-12-30T08:08:24.443 回答