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有疑问。如何在bootstrap datetimepicker中获取日期名称？例如，我希望得到星期天或其他日子或只是一天的数字。

我在bootstrap 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

}

使用事件对象中包含的日期参数和您可以编写的时刻方法format（在代码段中，您可以看到不同的方法：选择一天并仅显示当天一周）：

$('#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

您可以解析$（＆＃34; datetime selector＆＃34;）。val（）的结果来获取当天，并在需要时将其转换为单词名称。

bootstrap datetimepicker得到一天

2 个答案: