代码之家  ›  专栏  ›  技术社区  ›  Vince De Mello

以更简单的格式从Bootstrap date/Time选择器中读取日期值

  •  0
  • Vince De Mello  · 技术社区  · 9 年前

    我正在使用Eonasdan的Bootstrap日期/时间选择器: https://github.com/Eonasdan/bootstrap-datetimepicker

    我希望能够以我选择的格式(在本例中为DD/MM/YYYY)读取所选的提取日期。然而,它似乎输出了星期几、月份名称、日期、年份、时间和GMT偏移。

    我在这里创建了一个脚本示例: http://jsfiddle.net/0Ltv25o8/1649/

    <div class="row">
        <div class="col-md-12">
            <p><input type="text" class="datefield" placeholder="Date 1" id="date1"/></p>
            <p><input type="text" class="datefield" placeholder="Date 2" id="date2"/></p>
        </div>
    </div>
    
    
    $('.datefield').datetimepicker({
       format: 'DD/MM/YYYY'
    })
    
    $(document).on('dp.change', '.datefield', function(e) {
      var id=$(this).attr('id');
      var theDate=e.date;
    
      alert(id + " / " + String(theDate));    
    }); 
    

    当您选择日期时,我输出日期文本字段的ID和日期字符串。我可以为日期文本字段中日期的显示方式设置日期格式,但不能在阅读时设置。

    1 回复  |  直到 9 年前
        1
  •  0
  •   Adelf    9 年前
    $(document).on('dp.change', '.datefield', function(e) {
      var id=$(this).attr('id');
      var theDate=e.date;
    
      alert(id + " / " + e.date.format('DD/MM/YYYY'));
    }); 
    

    您可以在任何位置设置此日期的格式