daterangepickerに時間を追加するには

jQueryとJavaScriptを使用してdaterangepickerに時間を追加する必要があります。私は以下のコードを説明しています。daterangepickerに時間を追加するには

<input class="form-control" name="startgroupdate" id="stdate" type="text" placeholder="" onfocus="removeBorder('stdate')">

$('input[name="startgroupdate"]').daterangepicker({ 
    singleDatePicker: true, 
    showDropdowns: true, 
    drops: "up", 
    minDate: '01/01/2012', 
    maxDate: '12/31/2017' 
});

ここだけの日付はカレンダーから来ているが、私も時間を追加する必要があり、その結果は、「2017年3月4日12 10 PM」のようにする必要があります。

出典

2017-04-05 subhra

チェックこのout..Youは時間プロパティを追加する必要があるとdaterangepickerはあなたがdaterangepickerにtimepickerフラグを追加する必要が

<!DOCTYPE html> 
<html> 

<head> 
    <script data-require="[email protected]*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <link data-require="[email protected]*" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> 
    <script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 

    <link rel="stylesheet" href="style.css" /> 
    <link href="daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> 
    <script src="moment.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.js"></script> 
    <script src="script.js"></script> 

</head> 

<body> 
    <h1>Hello Plunker!</h1> 
    <input class="form-control" name="startgroupdate" id="stdate" type="text" placeholder=""> 
    <script> 
    $(function() { 
     $('input[name="startgroupdate"]').daterangepicker({ 
     timePicker: true, 
     locale: { 
      format: 'MM/DD/YYYY h:mm A' 
     }, 
     singleDatePicker: true, 
     showDropdowns: true, 
     drops: "down", 
     minDate: '01/01/2012', 
     maxDate: '12/31/2017' 
     }); 
    }); 
    </script> 
</body> 

</html>

出典

2017-04-05 11:55:51

を支援します。 – subhra

更新されたコードを確認してください。 –

いいえ、同じ問題です。あなたが変更を行った場所。 – subhra

JS。ヨプロパティ

timePicker: true

を追加する必要が

$('input[name="startgroupdate"]').daterangepicker({ 
    timePicker: true, 
    timePickerIncrement: 30, 
    singleDatePicker: true, 
    showDropdowns: true 
    drops: "up", 
    minDate: '01/01/2012', 
    maxDate: '12/31/2017' 
});

出典

2017-04-05 11:56:08 Razzildinho

このリンクは、私はあなたのあたりとおりにしただけで、入力フィールド上ではなく、時間とともに反映する日が来ていない

出典

2017-04-05 12:00:23

daterangepickerに時間を追加するには

答えて

関連する問題