1

我想通过使用那里的标签从下面的控件中获取小时和分钟值， 我还想将值设置为该控件。使用 jQuery 和 javascript。

<td class="ms-dttimeinput" nowrap="nowrap">
    <label for="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateHours" style="display:none">NEndTime Hours</label>
    <select name="ctl00$m$g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce$ff211$ctl00$ctl00$DateTimeField$DateTimeFieldDateHours" id="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateHours">
        <option selected="selected" value="00:">00:</option>
        <option value="01:">01:</option>
        <option value="21:">21:</option>
        <option value="22:">22:</option>
        <option value="23:">23:</option>
    </select>&nbsp;

    <label for="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateMinutes" style="display:none">NEndTime Minutes</label>
    <select name="ctl00$m$g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce$ff211$ctl00$ctl00$DateTimeField$DateTimeFieldDateMinutes" id="ctl00_m_g_460bfeda_4d7a_4f5e_9587_9e0cd11d65ce_ff211_ctl00_ctl00_DateTimeField_DateTimeFieldDateMinutes">
        <option selected="selected" value="00">00</option>
        <option value="05">05</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="20">20</option>
        <option value="25">25</option>
        <option value="30">30</option>
        <option value="35">35</option>
        <option value="40">40</option>
        <option value="45">45</option>
        <option value="50">50</option>
        <option value="55">55</option>
    </select></td>
4

1 回答 1

2

使用标签标签中的文本获取 hr 和 min 的值

var hr,min;
$(".ms-dttimeinput label").each(function() {
    var lbl = $(this);
    if(lbl.text() == "NEndTime Hours")
        hr = lbl.next("select").val();
    if(lbl.text() == "NEndTime Minutes")
        min = lbl.next("select").val();
});

使用标签标签中的文本设置 hr 和 min 的值

var hr = "01";
var min = "o5";
$(".ms-dttimeinput label").each(function() {
    var lbl = $(this);
    if(lbl.text() == "NEndTime Hours")
        lbl.next("select").val(hr);
    if(lbl.text() == "NEndTime Minutes")
        lbl.next("select").val(min);
});

如果页面上只有一个小部件，更实用的方法是使用类名选择器“ms-dttimeinput”和后代标签选择器“select”和第 n 个子类“:nth-child()”。

var hr = $(".ms-dttimeinput select:nth-child(1)").val();
var min = $(".ms-dttimeinput select:nth-child(2)").val();

$(".ms-dttimeinput select:nth-child(1)").val(hr);
$(".ms-dttimeinput select:nth-child(2)").val(min);
于 2013-07-30T13:22:45.587 回答