1

I want to get the Hour and minute value from below control by using there label also I want to set the value to that control. Using jQuery and 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

ラベル タグ内のテキストを使用して、時間と分の値を取得します

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);
});

ページにウィジェットが 1 つしかない場合、より実用的な方法は、クラス名セレクター「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 に答える