web-dev-qa-db-ja.com

bootstrap datepicker setDate形式dd / mm / yyyy

日付ピッカーで日付を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);

問題は、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>
javascriptjquerydatedatepickerbootstrap-datepicker
27
Martina

変化する

dateFormat: 'dd/mm/yyyy'

に

format: 'dd/mm/yyyy'

いくつかのドキュメントを読み間違えているようです！

50
ntzm

フォーマットの少しの変更

フォーマット：「DD/MM/YYYY」

13
SoumitB

format: 'dd/mm/yyyy'への変更は機能しませんでしたが、dateFormat: 'dd/mm/yyyy'への変更は年を複数回追加しました。

dateFormat: 'dd/mm/yy'
12
Shree Krishna

データピッカーを使用している場合、混乱が生じます。bootstrap datepickerの場合、次のコードを使用する必要があります。

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

また、jquery datepickerの場合、次のコードを使用する必要があります。

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

したがって、どの日付ピッカーを使用しているかを認識しておく必要があります。これが最終的に問題を解決します。

11
Jani Devang

私にとっては、これが働いたdaterangepickerです：

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

私にとっては、この変更された形式のように解決した同じ問題がありました： 'dd/mm/yy' to dateFormat： 'dd/mm/yy'

3
SrikanthGoud Mamindla

次のコードをbootstrap datepickerに使用できます。

HTMLコード：

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

Javascript：

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

形式：「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>

これにより、ローカル環境とサーバー環境の両方が同じ文化を持つようになりました。

1
Sachin T Sawant

Jquery mobile 1.4.5に問題があります。たとえば、「オプション」からのみ渡す形式変更を受け入れているようです。また、「オプション」を使用したカレンダーには更新の問題があります。同じ問題があるすべての場合、私はこのコードを提案することができます：

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

「ブートストラップ独自のプラグインと同様に、datepickerは、カスタムjavascriptを必要とせずにdatepickerをインスタンス化するために使用できるdata-apiを提供します...」

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>
0
LuisEduardox

これを試して

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

JSは大文字と小文字を区別します。これが表示されます

10/05/2016 12:00 AM

あなたの場合は

format: 'DD/MM/YYYY'

ディスプレイ：10/05/2016

bootstrap datetimepickerは eonasdan bootstrap-datetimepicker に基づいています

0
Vix Coder