javascript - 填写2个带日期的文本框

时间:2016-06-24 20:36:06

标签: javascript jquery

我正在尝试创建一个下拉列表,该列表会自动在文本字段中输入日期。

填写文本字段很简单,但在尝试弄清楚如何动态填充这些文本字段时,我不知道从哪里开始,例如“今天的第一天到今天”或“从第一个开始今年到今天“。

这是我到目前为止所得到的:

的javascript

Add:
    Example: add=default%40gmail.com
    Format:  add=guest email addresses

HTML

<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>

1 个答案:

答案 0 :(得分:1)

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

$(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将填写年度的第一个日期,第二个字段将具有今天的日期