I want bootstrap-datetimepicker only Year and Month

Question

Now, Bootstrap datetimepicker viewed YYYY-DD-MM format.
But, I want only YYYY-DD format.

For example, Like the picture above.

Now Source.
Also it did not resolve to remove the DD to the source.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-3">
  <div class="col-md-5">
    <label style="margin-top: 8px;margin-left: 33px; white-space:nowrap;">datetimepicker</label>
  </div>
  <div class="col-md-7">
    <input class="form-control" type="text" name="daterange" value='<?php if(isset($_GET['to']) && $_GET['to'] != '') { echo @$_GET['to']." - ".@$_GET['from']; } ?>' />
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
$(function() {
        $('input[name="daterange"]').daterangepicker({
          <?php if(isset($_GET['to']) && $_GET['to'] != '') { ?>startDate:'<?php echo @$_GET['to']; ?>',<?php } ?>
          <?php if(isset($_GET['to']) && $_GET['to'] != '') { ?>endDate:'<?php echo @$_GET['from']; ?>',<?php } ?>
          timePicker: false,
          timePicker24Hour: false,
          format: 'YYYY-MM-DD'
        }, function(start, end)
        {
          location.href = "/Driving/drivingHistoryList?to="+start.format('YYYY-MM-DD')+"&from="+end.format('YYYY-MM-DD')+"<?php echo "&userid=".@$_GET['userid']."&carid=".@$_GET['carid']."&goal=".@$_GET['goal']."&order=".@$_GET['order']."&order_type=".@$_GET['order_type']."&page=".@$_GET['page']."&count=".@$_GET['count']; ?>";
        });
      });
</script>

score 3 · Answer 1 · answered Oct 18 '16 at 05:57

3

Try this.

$('input[name="daterange"]').datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

answered Oct 18 '16 at 05:57

Aslam Patel

874
6
19

Abdulla Nilam · Answer 2 · 2016-10-18T06:02:17.600

2

Try this

$("#datepicker").datepicker( {
    format: "mm-yyyy" //  yyyy-mm
});

Bootstrap DatePicker format - bootstrap-datepicker.readthedocs.io

edited Oct 18 '16 at 06:02

answered Oct 18 '16 at 05:58

Abdulla Nilam

36,589
17
64
85

if you are seting date manually. you need to set date. Check http://stackoverflow.com/questions/20769285/set-date-picker-to-a-given-date – Abdulla Nilam Oct 18 '16 at 06:04
and in input filed add `id ="datepicker"` – Abdulla Nilam Oct 18 '16 at 06:06

noufalcep · Accepted Answer · 2016-10-18T09:28:12.033

1

Set 'viewMode' and 'format'. Try

$('input[name="daterange"]').datetimepicker({
      <?php if(isset($_GET['to']) && $_GET['to'] != '') { ?>startDate:'<?php echo @$_GET['to']; ?>',<?php } ?>
      <?php if(isset($_GET['to']) && $_GET['to'] != '') { ?>endDate:'<?php echo @$_GET['from']; ?>',<?php } ?>
      viewMode: 'years',
      format: 'MM/YYYY'
}

edited Oct 18 '16 at 09:28

answered Oct 18 '16 at 07:29

noufalcep

3,446
15
33
51

I want bootstrap-datetimepicker only Year and Month

3 Answers3