<head>
<title>显示年月日任你选择！</title>
<SCRIPT language="JavaScript">
function addYear(ojb){
for(i=2000;i<=2050;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}
function addMonth(ojb){
for(i=1;i<=12;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
ojb.options.add(temp);
}
}
function addDay(year,month,day){
//judge year is 闰年
if(month.value == '' || year.value == ''){
return;
}
var isYear;
if(year.value % 4 == 0 && year.value % 100 != 0){
isYear = true;
}else{
isYear = false;
}
if(month.value == 1 || month.value == 3 || month.value == 5 || month.value == 7 || month.value == 8 ||
month.value == 10 || month.value == 12){
for(i=1;i<=31;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else if(month.value == 2){
if(isYear == true){
for(i=1;i<=29;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}else{
for(i=1;i<=28;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}else{
for(i=1;i<=30;i++){
temp = document.createElement("option");
temp.text=i;
temp.value=i;
day.options.add(temp);
}
}
}
</SCRIPT>
</head>
<body onload="addYear(year);">
显示年月日任你选择！<hr>
<select name="year" onchange="addMonth(month);addDay(year,month,day);">
<option>请选择
</option>
</select>
<select name="month" onchange="addDay(year,month,day);">
<option>请选择
</option>
</select>
<select name="day">
<option>请选择
</option>
</select>
</body>
</html>
分享到：
相关推荐
在Vue.js框架中，开发一个可以灵活选择年月或年月日的日期控件是一项常见的需求。这个控件应提供用户友好的界面，允许用户轻松地选择特定的时间范围。在这个场景下，我们可以利用Element UI库，它为Vue.js提供了丰富...
js 实现年月日下拉选择 包括计算闰年 功能比较全，只是下拉条的高度没有控制
综上所述，利用uniapp的picker组件实现年月日时分秒选择器是一个结合了数据绑定、事件处理、组件定制和响应式设计的过程。通过掌握这些知识点，开发者可以构建出满足多样化需求的时间选择器，提高应用的用户体验和...
本话题主要探讨如何实现自定义的年月日日期选择器和时分时间选择器，这两个组件在许多应用程序中都非常常见，例如在事件安排、预约服务或者设置提醒等功能中。 首先，我们来看如何创建自定义的年月日日期选择器。这...
本文将深入探讨如何实现一个专门用于选择年、月、日、时、分、秒的`picker`组件，以提升用户体验并增强应用程序的交互性。 ### 一、微信小程序`picker`组件概述 `picker`组件是微信小程序提供的原生组件之一，它...
织织网应实际使用开发的一个js年月选择器，采用原生js开发，兼容IE、FF（Firefox）、谷歌（Chrome），其他杂牌浏览器都是基于这三种内核的，就不一一测试了。 插件非常的简单，完全开源，可以做二次开发。 因为很...
在网页开发中，用户界面（UI）...总的来说，JS年月选择控件是一个结合了HTML、CSS和JavaScript技术的实例，它通过提升用户体验展示了前端开发的魅力。在实践中，不断学习和优化这些技能，可以使你的网页应用更加出色。
用标准JavaScript实现的年月日下拉列表三级联动，支持IE6、FireFox3。
在这个"年月日选择器js特效.zip"压缩包中，包含了一个基于Backbone.js实现的简单年月日选择器。Backbone.js是一个轻量级的JavaScript库，它为Web应用程序提供模型-视图-控制器（MVC）架构支持，帮助开发者更好地组织...
在前端开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。其中，jQuery UI是jQuery的一个扩展库，提供了一系列可交互的用户界面组件，其中包括我们今天要讨论的"日期选择器...
本文将详细解析如何使用JavaScript实现这一功能，并结合提供的描述和标签，探讨一个自定义的函数以及一个额外的验证函数。 首先，我们要明白JavaScript中的日期处理主要依赖于`Date`对象。我们可以创建一个新的`...
在Android开发中，有时我们需要创建一个用户界面，允许用户方便地选择日期和时间。`WheelView` 是一种常见的实现方式，它提供了一种滚动选择器的界面效果，用户可以通过滚动来选择不同年份、月份和日期。这个特定的...
本资源"2019最新原生js实现的一款年月日日期选择特效插件"提供了一个用纯JavaScript编写的日期选择器，它能够帮助开发者在网页中添加功能丰富的日期选择功能，而无需依赖任何外部库或框架。 这个插件的核心在于其...
这个代码库提供了一种优雅的解决方案，通过触屏点击输入框，可以弹出一个遮罩层，展示出生年月日的日期选择器，极大地提升了用户在手机端输入日期的便捷性。 jQuery，作为一款广泛使用的JavaScript库，以其简洁的...
"基于datepicker的年月日切换时间周期选择控件"是一个常见的需求，它用于帮助用户方便地选择特定的时间范围，例如从一个日期到另一个日期，或者从一个年份到另一个年份。下面将详细介绍这个控件的实现及其相关知识点...
vue时间插件 中datepicker.js 修改过支持年，年月，年月日的选择
"JS实现的年月日三级联动下拉框日期选择效果源码.zip" 提供了一个利用JavaScript实现的年月日三级联动下拉框的解决方案。这种设计允许用户通过下拉菜单分别选择年、月、日，从而简化输入过程，提高用户体验。 首先...
根据提供的压缩包文件名"Pikaday-master"，我们可以推测这里可能使用了一个名为Pikaday的开源日期选择库。Pikaday是一款轻量级的JavaScript日期选择器，它设计简洁，易于定制，并且支持多种配置选项，包括年月日选择...
在JavaScript（js）中实现年月日连动的效果，通常是指在用户选择年份或月份时，下拉框中的日期选项会自动更新，只显示该年份或月份下的有效日期。这种功能在网页表单中常见，用于创建日期选择器，提高用户体验。以下...
"年月日时间选取（移动端）" 是一个专为移动设备设计的组件，旨在提供方便、直观的日期和时间选择功能。这款插件名为 Mdate.js，它为开发者提供了在小型触摸屏幕上进行高效日期和时间输入的解决方案。 Mdate.js ...