引导日期时间选择器获取日期

Question

我是这里的新手。

  $("#tanggal_arsip").datetimepicker({ var day = daysofweek.value, format:"yyyy-mm-dd" }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" class="form-control" name="tanggal_arsip" id="tanggal_arsip" data-format="YYYY-MM-DD" placeholder="Tanggal Berita" required /> 

我有一个关于datetimpicker的问题。 如何在引导日期时间选择器中获取日期名称？ 例如，我想获取星期天或其他日期或仅获取一个数字。

我在引导datetimepicker文档中找不到此问题。

Answer 1

首先：您的输入标签有误。 您可以在代码段中查看如何使用它。

您可以使用以下事件：

dp.change ：更改日期时触发。

参数：

e = {

 date, //date the picker changed to. Type: moment object (clone) oldDate //previous date. Type: moment object (clone) or false in the event of a null 

}

使用事件对象中包含的date参数和可以编写的moment方法格式 （在代码段中，您可以看到另一种方法：选择一天并仅显示星期几）：

 $('#tanggal_arsip').datetimepicker({ format: 'YYYY-MM-DD' }).on('dp.change', function(e) { // // on date change get current date and format as weekday // $('#weekDay').val(e.date.format('dddd')); }); // // select by day and show only day of week // $('#tanggal_arsip1').datetimepicker({ format: 'dddd', viewMode: 'days' }); 

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> <div class="row"> <label class="col-md-6 col-xs-6 control-label">Date:</label> <div class="col-md-6 col-xs-6"> <div class="input-group date" id="tanggal_arsip"> <input type="text" class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class="row"> <label class="col-md-6 col-xs-6 control-label">Day of Week:</label> <div class="col-md-6 col-xs-6"> <input id="weekDay" type="text" class="form-control" disabled> </div> </div> <div class="row"> <label class="col-md-6 col-xs-6 control-label">Select by day and Show Only Day Of Week:</label> <div class="col-md-6 col-xs-6"> <div class="input-group date" id="tanggal_arsip1"> <input type="text" class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> 

Answer 2

您可以只解析$（“ datetime selector”）。val（）的结果来获取日期并将其转换为单词名称（如果需要）。