用日期填充2个文本框

filling 2 text boxes with dates

本文关键字：文本 2个 填充 日期      更新时间：2023-09-26

我正在尝试创建一个下拉列表，将自动输入日期到文本字段。

填充文本字段很容易，但是当我试图弄清楚如何动态地填充这些文本字段的日期时，我不知道从哪里开始，例如"每月的第一天到今天"或"从一年的第一天到今天"。

这是我目前得到的:

javascript 

<script>
$(document).ready(function() {
$("#datetype option").filter(function() {
    return $(this).val() == $("#datepickstart").val();
    return $(this).val() == $("#datepickend").val();
}).attr('selected', true);
$("#datetype").live("change", function() {
    $("#datepickstart").val($(this).find("option:selected").attr("value"));
    $("#datepickend").val($(this).find("option:selected").attr("value"));
    });
});
</script>
html 

<select id="datetype" name="datetype"> 
<option value="">Please select...</option> 
<option value="LBD">LBD</option> 
<option value="MtD">MtD</option> 
<option value="YtD">YtD</option> 
</select>
<input type="text" id="datepickstart" name="datepickstart" value="">
<input type="text" id="datepickend" name="datepickend" value="">

要达到预期效果，请使用以下选项

$(document).ready(function() {
    $("#datetype option").filter(function() {
        return $(this).val() == $("#datepickstart").val();
        return $(this).val() == $("#datepickend").val();
    }).attr('selected', true);
    var d = new Date();
    var today = (d.getMonth() + 1) + "/" + d.getDate() + "/" + d.getFullYear();
    var fdm = (d.getMonth() + 1) + '/01/' + d.getFullYear();
    var fdy = '01/01/' + new Date().getFullYear();
    $("#datetype").on("change", function() {
        var selectedVal = $(this).find("option:selected").attr("value");
        if (selectedVal == 'LBD') {
            $("#datepickstart").val(today);
            $("#datepickend").val(today);
        }
        if (selectedVal == 'MtD') {
            $("#datepickstart").val(fdm);
            $("#datepickend").val(today);
        }
        if (selectedVal == 'YtD') {
            $("#datepickstart").val(fdy);
            $("#datepickend").val(today);
        }
    });
});
http://codepen.io/nagasai/pen/begRax

LBD将在两个字段中填写今天的日期
MtD将填充Month的第一个日期，第二个字段将包含今天的日期
YtD将填充年份的第一个日期，第二个字段将包含今天的日期

相关文章：