0

我以这种方式使用 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”？

4

2 回答 2

2

查看 $.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 示例在这里。

于 2013-06-07T19:51:24.820 回答
1

只需转到链接，您将获得所需的东西。 http://www.avisbra.it/wp-content/plugins/lbwp_book/js/jquery/plugin/timepicker/

于 2013-06-07T17:27:20.953 回答