`
peonyzzdx
  • 浏览: 592081 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

input框中自动显示当前日期

    博客分类:
  • web
阅读更多
效果如下图一

   
图一


代码如下:

<div class="grid_4 lable-right">
         <label class="form-lbl">注销时间:</label>
     </div>
     <div class="grid_7">
         <input type="text" name="logOutTime" id="logOutTime"   disabled="disabled" class="dialogtip form-txt"
        maxlength="20" />
     </div>

<script type="text/javascript">

  var t=document.getElementById("logOutTime");
  d=new Date();
  t.value=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();

  t.onfocus=function(){
     var d=new Date();
     t.value=d.getHours()+":"+d.getMinutes()
}

</script>
  • 大小: 19.9 KB
0
0
分享到:
评论
1 楼 langyahuashi 2012-05-28  
这个取得是客户端时间吧,用的时候要小心

相关推荐

    input框中自动展示当前日期yyyy/mm/dd的实现方法

    input框中自动展示当前日期&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=text id=input&gt; [removed] //获取input元素 var _input = document.getElementById('input'); var date = new Date();...

    在一个input框中显示当前的年月日,当鼠标放上去时变换为当前时间显示

    ### 知识点详解 #### 一、JavaScript与DOM操作 ...3. **日历应用:** 实现动态显示当前日期的功能。 通过以上知识点的学习,开发者可以更好地理解和应用JavaScript及DOM操作,提高Web开发的能力。

    在文本框中自动显示系统当前时间 年-月-日

    在文本框中自动显示系统当前时间,不用输入,直接获取,方便

    函数调用显示当前日期

    ### 函数调用显示当前日期:深入解析与实践 在现代网页开发中,JavaScript(简称JS)作为前端开发的核心语言之一,被广泛用于处理各种动态交互需求,包括但不限于用户输入验证、页面元素操作以及时间日期的处理。...

    原生js日期控件带时分秒点击text文本框选择日期时分秒

    为了提升用户体验,可以考虑使用浏览器的`&lt;input type="datetime-local"&gt;`,它在支持的浏览器中会自动显示一个日期时间选择器。但请注意,不是所有浏览器都支持这一特性,尤其是老版本的IE。因此,如果要实现全...

    jquery-自动日期文本框

    这里我们可以创建一个包含日期的`&lt;ul&gt;`列表,通过CSS隐藏它,然后在文本框的`click`事件中显示。在HTML文件中添加日期列表元素: ```html ;"&gt; &lt;!-- 动态生成日期项,例如: --&gt; &lt;li&gt;2022-01-01 &lt;li&gt;2022-01-02...

    日 期 下 拉 框控件C#

    在DateTimePicker中,我们可以设置它的Value属性为DateTime.Now来显示当前日期,并且在用户做出选择后,控件会自动更新这个值,无需额外的代码处理。 下面是一个简单的C#代码示例,展示如何创建一个具有上述特性的...

    js 周历控件 --实现自动显示本周功能等

    功能描述:根据当前的时间得到本周以及前几周的列表。 显示格式:34周(2009-8-17至2009-8-23) 调用方法: 方法一: &lt;input name="show_time" type="text" onclick="calendar('Week_time');" size="30" readonly&gt; ...

    日期控件 日期选择 日期控件 日期选择

    - 尽量减少用户输入,例如自动填充当前日期。 了解这些日期控件的基本概念和设计原则后,无论是作为开发者还是设计师,你都能更好地创建出符合用户需求的日期选择体验。在实际应用中,根据项目需求和用户群体的...

    Bootstrap 时间控件控制只显示年,只显示年月

    autoclose: true // 选择后自动关闭日期选择器 }); // 如果需要获取选中的年份或年月 datePicker.on('changeDate', function(event) { var selectedYearMonth = event.date.getFullYear() + (event.format ===...

    jquery日期选择器,点击后弹出日期选择,自动设置为今天

    jcDate插件提供了丰富的配置选项,例如`format`用于定义日期显示格式,`todayBtn`和`autoSetToday`用于控制是否显示“今天”按钮及点击后是否自动设置为当前日期。`lang`参数则允许我们设置插件的语言环境,便于国际...

    自动填充时间实例

    1. 获取当前时间:JavaScript的Date对象提供了获取当前日期和时间的方法,如`new Date()`创建一个包含当前日期和时间的新Date对象,`getDate()`, `getMonth()`, `getFullYear()`, `getHours()`, `getMinutes()`, `...

    input 日期选择功能的javascript代码

    - **日期选择**:通过表格展示当前月份的日期,并标记出当前日期。用户点击日期后,将选中的日期值填入输入框。 - **关闭按钮或失去焦点自动关闭**:确保用户在选择日期后能够关闭弹出层,可以通过点击关闭按钮或者...

    一个我们公司用的日期控件很不错的.

    2. 显示日期:控件可以显示当前日期、默认日期或用户选定的特定日期。 3. 范围选择:允许用户选择一个日期范围,例如“开始日期”和“结束日期”。 4. 验证格式:自动检查用户输入的日期格式是否正确,如年月日的...

    NextDate()函数判断输入日期的下一天(C语言编写)

    4. **结果输出**:显示计算出的下一天的具体日期。 ### 示例代码 下面是一段简化的示例代码,展示了如何使用这些函数进行日期的计算与输出。 ```c #include int is_leap(int q) { if (q % 4 == 0 && q % 100 != ...

    jquery实现在页面加载的时自动为日期插件添加当前日期

    在本场景中,我们讨论的是如何利用jQuery在页面加载时自动为日期插件填充当前日期。这在创建表单或者需要用户输入日期的场景中尤其有用,因为它可以为用户提供一个默认的起始参考点,即当前日期。 首先,让我们分解...

    jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日

    例如,如果你想让日历默认显示当前日期,可以通过`defaultDate`选项来实现: ```javascript $(document).ready(function() { var currentDate = new Date(); $('#dateInput').datePicker({ defaultDate: ...

    ASP 化境上传 自动更改名字为日期随机数

    在ASP中,可以使用内置的函数如`Date()`获取当前日期,结合`Rnd()`生成随机数来创建新文件名。 以下是一个简单的ASP文件上传示例: ```vbscript Dim fs, f, fileName, newFileName Set fs = Server.CreateObject(...

Global site tag (gtag.js) - Google Analytics