Question

我必须以dd / mm / yyyy格式在我的datepicker中设置日期。我试图这样做，用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);

问题是我的datepicker里面的值总是格式为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>

Answer 1

更改

dateFormat: 'dd/mm/yyyy'

到

format: 'dd/mm/yyyy'

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

Answer 2

格式有点改变

格式：＆＃34; DD / MM / YYYY＆＃34;

Answer 3

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

dateFormat: 'dd/mm/yy'

Answer 4

使用数据选择器时会感到困惑，对于bootstrap datepicker，您必须使用以下代码： -

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

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

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

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

Answer 5

对于我，我得到了同样的问题，我这样解决了变格式：＆＃39; DD / MM / YY＆＃39; 至 dateFormat ：＆＃39; dd / mm / yy＆＃39;

Answer 6

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

     $('#host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });

Answer 7

您可以将此代码用于bootstrap datepicker：

HTML代码：

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

<强>使用Javascript：

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

Answer 8

这行代码对我有用

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

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

Answer 9

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

我正面临一个问题，这个＆＃34;格式＆＃34;事情在本地机器上正常工作但是当我在服务器上部署应用程序时，日期没有填充，控件是空的。当我评论格式代码时，它开始工作，但后来我没有我需要的格式。我使用web.config中的全球化条目修复了该问题。

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

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

Answer 10

我在使用jquery mobile 1.4.5时遇到了一些问题。例如，似乎只接受来自“选项”的格式更改。使用“选项”日历有一些刷新问题。对于所有有相同问题的人，我可以建议这段代码：

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();

Answer 11

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

Boostrap DatePicker Documentation

也许你想设置没有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>

Answer 12

尝试一下

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

众所周知，JS是区分大小写的。这样就会显示

2016/10/5下午12:00

您的情况是

format: 'DD/MM/YYYY'

显示：2016年10月5日

我的引导datetimepicker基于 eonasdan bootstrap-datetimepicker

bootstrap datepicker setDate format dd / mm / yyyy

12 个答案: