我正在尝试创建一个下拉列表,该列表会自动在文本字段中输入日期。
填写文本字段很简单,但在尝试弄清楚如何动态填充这些文本字段时,我不知道从哪里开始,例如“今天的第一天到今天”或“从第一个开始今年到今天“。
这是我到目前为止所得到的:
的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>
答案 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将填写年度的第一个日期,第二个字段将具有今天的日期