Question

我有一个datepicker，我想改变它的格式。目前日期显示为MM / DD / YYYY，但我希望格式为DD-MM-YYY

<input id="single-date-picker" type="text"  class="form-control">

和JS：

$("#single-date-picker").daterangepicker({
    singleDatePicker: !0,
    showDropdowns: !0
  }, function(e, t, a) {
    var n = moment().diff(e, "years");
    //alert("You are " + n + " years old.")

任何想法都是JS的新手

Answer 1

是。您可以使用format提供的Date Range Picker更改格式。

$("#single-date-picker").daterangepicker({
  locale: {
     format: 'DD-MM-YYYY'
  } 
});

Here is the jsFiddle

希望有所帮助：）

Answer 2

执行此操作：https://jsfiddle.net/faw405yf/1/

$("#single-date-picker").daterangepicker(
{
    locale: {
      format: 'DD-MM-YYYY'
    },
    singleDatePicker: !0,
    showDropdowns: !0
}

如果上述方法无效，请尝试以下操作：https://jsfiddle.net/9uazkg3h/

$("#single-date-picker").daterangepicker({
    autoUpdateInput: false,
    singleDatePicker: !0,
    showDropdowns: !0
  },
  function(e, t, a) {
    var n = moment().diff(e, "years");
    alert("You are " + n + " years old.");
  }
);

$("#single-date-picker").on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('DD-MM-YYYY'));
});

Answer 3

这项工作对我来说

$("#single-date-picker").daterangepicker({
  format:'DD-MM-YYYY',    
  singleDatePicker: true,
  showDropdowns: true
}

Answer 4

看起来您正在使用http://tamble.github.io/jquery-ui-daterangepicker/（下次plz时提供此信息）。您可以通过dateFormat选项进行配置，如下所示：

$("#single-date-picker").daterangepicker({
singleDatePicker: !0,
showDropdowns: !0,
dateFormat: "dd-mm-yy" // e.g. 23-06-2016
}, function(e, t, a) {
  var n = moment().diff(e, "years");
  //alert("You are " + n + " years old.")

Datepicker格式JS

4 个答案: