2016-04-06 21 views
0

ブートストラップ日時ピッカーを実装しようとしています。以下はリンクです。ブートストラップから時間セグメントを除外する日付時間ピッカー

https://fiddle.jshell.net/0sowpm1v/2/

質問1:ユーザーが時間コンポーネントを選択していない場合でも 現在ピッカー00:00と時間を示しています。 私が達成しようとしているのは、ユーザーが任意の時間を選択していない場合、時間セグメントが削除されるということです。

ユーザーが日付を '2015-05-01'として選択すると、 '2015-05-01 00:00'の代わりに '2015-05-01'が出力されます。

は質問2:

これが不可能な場合、我々はピッカーの「OnCloseの」イベント内の任意の関数呼び出しをトリガーすることはできますか?

N.B:関連するDatetime Pickerは 'onClose'イベントをサポートしていないため、私はその同等のメソッドを認識していません。以下は

私のコードです:

<div class="container"> 
<div class="row"> 
    <div class='col-sm-3'> 
     <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> 

これは、日付と時刻のピッカーの結合jQueryのです。あなたはこのコードを使用することができます

  $('#datetimepicker1').datetimepicker({ 
       format : "YYYY-MM-DD HH:mm" 
      }); 
+0

「YYYY-MM-DD」という形式を使用するとTimeSegmentが必要になり、時間選択が削除されます。ユーザーが時間を選択している場合、私はそれを表示する必要があります。だから、フォーマットを変更することはできません。 –

+0

外部サイトではなく、問題のコードを用意する必要があります。 –

+0

これはフィドルリンクです。そして、私は単純なブートストラップの日付時間ピッカーを実装しようとしている、コードは私の質問に固有ではありません。とにかく質問を編集します。 –

答えて

0

は、これは単なる回避策です

$('#datetimepicker1').datetimepicker({ 
        format : "YYYY-MM-DD", 
        autoclose: true, 
       }); 
+0

TimeSegmentが必要です。フォーマットを 'YYYY-MM-DD'にすると、Time Selectionが削除されます。ユーザーが時間を選択している場合、私はそれを表示する必要があります。だから、フォーマットを変更することはできません。 –

-1

スニペット。いずれかが良い答えを持っている場合、あなたはそれを共有することを歓迎します。

これは私が実装したJQueryの回避策です。

  $('#datetimepicker1').datetimepicker({ 
       format: "YYYY-MM-DD HH:mm", 
       useStrict: true, 
       keepInvalid: true 
      }); 

      $("#datetimepicker1").on("dp.change", function(e) { 
       if ($('#lblValue').text() == 1) { 
        $('#lblValue').text('2'); 
        $('#txtDate').val(''); 
       } else if ($('#lblValue').text() == 2) { 
        $('#lblValue').text('3'); 
       } 
      }); 

      $("#datetimepicker1").on("dp.hide", function(e) { 
       if ($('#lblValue').text() == 2 && $('#txtDate').val() == '') { 
        $('#lblValue').text('4'); 
       } else { 
        $('#lblValue').text('2'); 
       } 

       if ($("#txtDate").val() != "" && $("#txtDate").val().trim().substring(16, 10).trim() == "00:00") { 
        $("#txtDate").val($("#txtDate").val().trim().substring(10, 0)); 
       } 
      }); 
+0

このリンクは質問に答えるかもしれませんが、回答の重要な部分をここに含めて参考にしてください。リンクされたページが変更された場合、リンクのみの回答は無効になります。 - [レビューから](レビュー/低品質の投稿/ 12316627) –

+0

私の知る限り、フィドルリンクは通常変更されません。私が間違っているなら私を訂正してください! –

+0

私はちょうどコードなしで[fiddle](http://jsfiddle.net)をどのように追加したのだろうかと思っています。うまくいけば、あなたの答えがフォーマットされていない理由です。 [なぜ、どのように答えが削除されるのですか?](http://stackoverflow.com/help/deleted-answers)ポイント5は、あなたの答えを低品質の投稿として分類しているためです。デモリンクを使用してコードを追加する方が適切な答えになります。 –

関連する問題