如何添加秒到我的“timepicker”？(How can I add Seconds to my

我以这种方式使用了jQuery UI的日期选择器：

var datepickerOpts = {
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showWeek: true,
    onClose: function(dateText, inst) {
                        if (($("#BeginTime").val()).length == 0) {
                            $("#BeginTime").timeEntry("setTime", new Date(0, 0, 0, 0, 0, 0));
                        }
                        $("#BeginTime").focus();
                    }
}

$("#BeginDate").datepicker(datepickerOpts);

有关[CS] HTML是：

<tr id="trBeginDate">
    <td>
    </td>
    <td>
        @Html.LabelFor(m => m.BeginDate)
    </td>
    <td style="padding-right: 20px;">
        @Html.TextBoxFor(m => m.BeginDate, new {alt = "date-us", style = "width: 109px;"})
    </td>
    <td>
        @Html.LabelFor(m => m.BeginTime)
    </td>
    <td style="padding-right: 20px;">
        @Html.TextBoxFor(m => m.BeginTime, new {style = "width: 109px;"})
    </td>
</tr>

我想表明作为的BeginTime文本框的默认值是“00:00:00”，而不仅仅是“00:00”我得到：

其实，“00:00”可能是好的默认开始午夜时间，但我需要的缺省结束时间是“23时59分59秒”，现在是不是有什么（“23点59”），因为这种方式实际上整个分钟潜在地（从“23点59分01秒”到“23点59分59秒”）丢失。因此，“00:00”应为“00:00:00”，以与“23:59:59”）一致的格式。

不管怎样，我想这一点，但它并没有在所有的工作（没有被添加到文本框的BeginTime）：

. . .
onClose: function(dateText, inst) {
                        if (($("#BeginTime").val()).length == 0) {
                            $("#BeginTime").text("00:00:00");
. . .

也没有这样的：

. . .
onClose: function(dateText, inst) {
                        if (($("#BeginTime").val()).length == 0) {
                            $("#BeginTime").text.val("00:00:00");
. . .

所以，我怎么可以设置的BeginTime值为“00:00:00”？

Answer 1:

看看在$ .timeEntry（）的文件中，“格式”选项卡下是如何设置不同的默认格式。根据您的其他问题，这里是你将如何设置秒和24小时制：

// Start Date / Time
var beginDatepickerOpts = {
    ...
}
$('#BeginTime').timeEntry({
    showSeconds: true,
    show24Hours: true
});
$("#BeginDate").datepicker(beginDatepickerOpts);

// End Date / Time
var endDatepickerOpts = {
    ...
}
$('#EndTime').timeEntry({
    showSeconds: true,
    show24Hours: true
});
$("#EndDate").datepicker(endDatepickerOpts);

例

的jsfiddle实例这里。

Answer 2:

刚去的链接，你会得到所需要的东西。 http://www.avisbra.it/wp-content/plugins/lbwp_book/js/jquery/plugin/timepicker/