下拉框时间显示

最新推荐文章于 2021-05-26 10:31:31 发布
最新推荐文章于 2021-05-26 10:31:31 发布
阅读量106 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fzm99/p/3330428.html
本文介绍了一个使用JavaScript编写的简单日期选择器脚本。该脚本能根据当前月份自动生成包含相应天数的下拉菜单，包括闰年判断。适用于网页表单中收集用户输入的日期。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

      

脚本说明:   把如下代码加入<body>区域中

 <FORM>

<SELECT NAME="dates" SIZE=1>

<SCRIPT LANGUAGE="JavaScript">

//--------------------------------------------

//By mattias.sjoberg@swipnet.se 26/7-97

// The JavaScript Planet

// http://www.geocities.com/SiliconValley/7116

// You're welcome to use/edit this script, // just keep the comments and drop me a note.

//--------------------------------------------

        today = new Date();   

      thismonth = today.getMonth() + 1;    

     thisyear = today.getYear();        

thisday = today.getDate();

        maxdays=31;//default

        // months with 30 days      

   if (thismonth==4 || thismonth==6 || thismonth==9 || thismonth==11)  

       {              

   maxdays=30   

      }

        // february, leap year     

    if (thismonth==2)    

     {               

  // feb             

    if ((thisyear/4)!=parseInt(thisyear/4))      

           {                  

       maxdays=28     

            }             

    else            

     {             

            //leap year       

                  maxdays=29       

          }        

}

        thismonth = "" + thismonth

        if (thismonth.length == 1)    

     {              

   thismonth = "0" + thismonth;    

     }

        for (var theday = 0; theday <= maxdays; theday++)  

       {             

    if (theday == 0)          

       {                 

        document.write ("<OPTION SELECTED> "+ thisday + "-" + thismonth + "-" + thisyear )              

           document.write ("<OPTION> ========")        

         }

    

 

      else        

         {          

               var thed = "" + theday          

               if (thed.length == 1)        

                 {               

                  thed = "0" + thed;            

             }                    

     document.write ("<OPTION> " + thed + "-" + thismonth + "-" + thisyear)       

          }     

    }

</SCRIPT> </SELECT> </FORM>

 

 

 

转载于:https://www.cnblogs.com/fzm99/p/3330428.html

javascript下拉列表 显示时间
12-02
js 实现单击select以 2011-12-2 星期五显示显示
日期下拉菜单select
01-31
年月日三级联动下拉菜单 可设置默认值
下拉列表显示时间
gghwcf的专栏
09-07 1211
整合了下网上资料，弄了个自己的方法，可以参考下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 无标题文档 年 1 2 3 4 5 6 7 8 9 10 11 12 月 function
前端代码下拉选择框显示年月日
abcnull 的博客
01-31 2万+
&lt;body&gt; &lt;form name="date"&gt; &lt;select name="year" onchange="selectYear(this.value)"&gt; &lt;option value=""&gt;选择 年&lt;/option&gt; &lt;/select&gt;
基于Ajax实现下拉框联动显示数据
12-10
公司做项目的时候，需要用到下拉框联动显示数据的功能，索性利用Ajax来实现，看到时间比较充裕，就没去找demo自己去想方法写了。纯自己的想法，有些可能比较弱智，希望不要见笑。 页面中的两个下拉列表框： ...
实现下拉框动态显示当前时间的方法与技巧
标题和描述中提供的信息似乎不包含实际的知识点，仅包含重复的标题“下拉框显示当前时间.rar”。这样的内容不符合正常的技术文档或知识分享的规范。然而，从标题中可以推测出可能涉及的知识点，即如何在下拉框中显示...
layui给下拉框、按钮状态、时间赋初始值的方法
10-16
本文将详细探讨如何使用Layui框架为下拉框、按钮状态、时间等元素赋予初始值。 首先，我们需要了解Layui框架的一些基础组件，如Layui的表单（Form）、表格（Table）、日期时间选择器（laydate）以及开关（switch）...
javascript经典特效---下拉框显示当前时间.rar
01-07
// 保证时间显示两位数 if (hours ) hours = "0" + hours; if (minutes ) minutes = "0" + minutes; if (seconds ) seconds = "0" + seconds; var timeString = hours + ":" + minutes + ":" + seconds; //...
JS实现html下拉菜单列表进行年月日选择
热门推荐
阿梦的博客
04-04 3万+
使用JS实现年月日下拉列表的选择 如下图： 具体操作： 两个js文件，设置效果 在.html中导入两个外部js文件 jquery.time.js $(function () { $.ms_DatePicker({ YearSelector: ".sel_year", MonthSelector: ".sel_month", ...
微信小程序日期下拉框规定显示年，月
royal1235的博客
09-10 1万+
1.微信官方文档展示日期为年，月，日，如图所示： 项目要求日期下拉框组件显示只要年，月，修改如下，只需要添加属性fields="month"就可以了，如果只显示年那就是 fields="year",start和end属性表示可以选择的开始时间和结束时间 &lt;picker mode="date" fields="month" value="{{date}}" start="2
下拉框显示日期
我的IT生活之旅
01-15 4877
    在开发dv后台，进行数据搜索时，需要根据评论的创建时间进行某个时间段的搜索，即搜索内容应是开始时间和结束时间的部分，所以我利用了标签来   实现下拉框的显示，这样的重用性会更好一些。1.把自定义的标签需要的配置文件放到指定的appfuse.tld文件内     http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">   1.0   1.2
使用JS,JQuery实现下拉框显示当前日期之前的年月
Hebbb.
03-06 3264
&lt;select id="queryDate" name="queryDate"&gt; &lt;option&gt;请选择年月&lt;/option&gt; &lt;/select&gt; &lt;a class="sbtn sbtn01" onclick="querySysj()" hr
android日历下拉菜单,datetimepicker
weixin_39638014的博客
05-26 523
一个非常漂亮的Android日期和时间选择器。时间选择器支持12小时和24小时模式。另外，还会有些震动的效果。外观上是非常简洁、干净的，样式通用性很强。效果图如何使用：首先需要引入震动权限2. 日起选择器(DatePickerDialog)使用Calendarcalendar=Calendar.getInstance();DatePickerDialogdatePickerDialog...
VUE+element-ui下拉框时间赋值
lm13532007498的博客
12-17 950
VUE+element-ui下拉框时间赋值 操作时间赋值时出现了显示上一次拿到的数据 如下图：、 修改之前的代码： 第一次赋值为7：40 第二次赋值也是7：40（正常的应该为17：30） 这时我们可以在el-form-item 加上key 修改后的代码 之后就可以正常赋值成功了。yeah ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值