按标签时间字段获取字段值，如下所示

Get the field value by label time field as below.

本文关键字：字段 标签 时间 获取      更新时间：2023-09-26

我想通过使用标签从下面的控件中获取小时和分钟值我还想设置该控件的值。使用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>

使用标签标签中的文本获取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();
});

使用标签标签中的文本设置小时和分钟的值

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);
相关文章：