`
wanng
  • 浏览: 68906 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js前端显示日期

阅读更多

页面中要显示 2009年5月20日 星期三 形式的日期,我的实现代码:

 

<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript">
			window.onload = function(){
				var date = new Date();
				var week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
				document.getElementById("showdate").firstChild.nodeValue=date.toLocaleDateString()+" "+week[date.getDay()];
			};
		</script>
	</head>
	<body>
		<span id="showdate">&nbsp;</span>
	</body>
</html>

  总结:

1.window.onload=functin(){//..};和(function(){//..});的区别,前者整个页面加载玩执行函数里面的代码,后一种是是加载完立即执行,和直接在<script>块写是一个效果的

2. 在body中<span id="showdate">&nbsp;</span>,这个&nbsp;一定要加,否则在firefox和opera取不到firstChild,在span中不显示日期

 

 

参考:javascript的Date()对象的学习

http://www.w3school.com.cn/js/jsref_obj_date.asp

http://www.w3school.com.cn/js/js_obj_date.asp

 

 

 

--EOF--

 

 

 

 

 

分享到:
评论

相关推荐

    js 前端日历日期插件

    "js 前端日历日期插件"是这样一种工具,它允许开发者轻松集成到自己的网页中,提供日期选择功能,而且在描述中提到,这款插件设计简单易用,甚至无需额外的CSS样式,只需通过鼠标单击事件就能实现。 在JavaScript中...

    用js来显示日期

    这篇博客"用js来显示日期"可能深入探讨了如何利用JavaScript的Date对象及其方法来实现各种日期相关的功能。 首先,Date对象是JavaScript中的一个核心类型,可以用来表示特定的瞬间,精确到毫秒。创建一个Date对象...

    前端日期时间控件

    开发者可以通过配置参数来定制日期格式、显示模式、日期范围限制等。 在实际应用中,My97DatePicker的使用通常包括以下几个步骤: 1. 引入资源:在HTML文件中添加JavaScript和CSS引用,确保页面加载时能访问到My97...

    前端日期控件

    在前端开发中,日期控件(Date Picker)是不可或缺的一部分,它允许用户以直观的方式选择日期,同时确保数据输入的规范性。这类控件广泛应用于各种网页应用中,如在线预订系统、表单填写等场景。本文将深入探讨前端...

    javaweb前端中用到的日期js插件

    Moment.js并不是一个传统的日期选择器插件,但它是一个强大的JavaScript日期库,用于日期的解析、验证、操作和显示。配合其他插件,如eonasdan/bootstrap-datetimepicker,可以在前端实现复杂的日期处理功能,包括...

    Vue.js前端开发 PDF

    Vue.js是目前非常流行的前端开发框架之一,被誉为前端三大框架之一,另外两个是React和Angular。Vue.js的设计理念是简洁、易用且高效,它旨在通过最小的学习曲线提供强大的功能,使得开发者能够快速构建交互式的用户...

    6个Web前端非常好用绚丽的时间显示(二)

    除了基本的前端技术,开发者可能还利用了一些特定的前端库或插件,如Moment.js(时间日期处理)、Bootstrap(UI框架)或Animate.css(动画库),来增强时间显示的功能和视觉效果。 8. **性能优化**: 高效的时间...

    1500个js前端特效功能

    14. **时间日期处理**:JavaScript的Date对象和Moment.js库可以帮助开发者处理日期和时间的显示、计算和格式化。 15. **WebSocket实现实时通信**:在需要双向实时通信的应用中,WebSocket提供了低延迟的解决方案,...

    前端日期插件

    一些流行的日期插件库有JavaScript的Moment.js、Angular的AngularJS Datepicker、React的react-datepicker以及Vue的vuetify-date-picker等。 实现日期插件通常涉及以下几个步骤: 1. 选择合适的日期库或插件,考虑...

    js显示当前日期

    JavaScript作为前端开发的重要工具之一,提供了丰富的API来处理日期相关的功能。本文将根据提供的代码片段,详细介绍如何利用JavaScript实现动态显示当前日期的功能,并对代码进行逐行分析。 #### 一、JavaScript...

    日期显示JS代码--年月日-时分秒--农历全部显示.rar_AEWK_JS 日期显示_instrumentout_农历日期

    在这个压缩包文件"日期显示JS代码--年月日-时分秒--农历全部显示.rar_AEWK_JS 日期显示_instrumentout_农历日期"中,包含的是一个能够显示日期和时间,包括农历日期的JavaScript代码实现。这个功能对于中国的互联网...

    js时间日期输入框

    首先,让我们来看看标题提到的“js时间日期输入框”。在HTML中,我们通常会使用`&lt;input&gt;`标签来创建输入框,但原生的HTML并不支持日期和时间的选择。为了实现这一功能,我们可以借助JavaScript库,如jQuery UI、...

    周日历js插件,weeklyCalendar,只显示一周的日期

    本文将深入探讨一个专注于一周日期显示的JavaScript插件——weeklyCalendar。这款插件以其简洁的设计和丰富的功能,成为那些只需要关注一周时间范围的项目的理想选择。 1. **每周视图** weeklyCalendar的核心特性...

    js显示时间 农历 节日节气 - 自动刷新不带格式

    在JavaScript(JS)编程中,处理...综上所述,通过JavaScript,我们可以轻松获取并显示当前的日期、时间、农历以及节日节气,并实现自动刷新。在实际项目中,结合合适的库和API,可以进一步优化功能,提高用户体验。

    dashboard前端修改日期选择

    我们可以使用`toLocaleDateString()`或其他第三方库如moment.js来实现日期格式的转换。 7. **响应式设计**:考虑到不同设备和屏幕尺寸,日期选择器需要具备良好的响应性。使用媒体查询和Flexbox或Grid布局技术可以...

    北京车辆限行JS前端代码

    【北京车辆限行JS前端代码】是一个专门针对北京市车辆限行规定的前端JavaScript代码实现,用于在网站上实时显示当天的车辆限行信息。这个代码不仅提供了基础的限行信息展示功能,还包含了对节假日和日期衔接的特殊...

    js手机端日期控件

    总的来说,js手机端日期控件是前端开发中不可或缺的一部分,它的设计和实现涉及到JavaScript技术、UI/UX设计原则以及跨平台兼容性策略。通过深入学习和实践,开发者可以创建出符合项目需求、用户体验优秀、兼容性...

    JQ JS javascript 日期多选控件

    在IT行业中,JavaScript是一种广泛使用的前端编程语言,用于构建交互性强、动态的网页应用。jQuery是JavaScript的一个库,它简化了DOM操作、事件处理、动画设计等任务,使得JavaScript编程更加简便。本教程将深入...

    非常漂亮的javascript日期显示

    为了进一步提高用户体验,现代前端库如`moment.js`、`date-fns`或`day.js`提供了更强大、更灵活的日期处理功能。它们可以简化日期格式化、解析和比较等操作,并且通常有丰富的社区支持和插件系统,可以帮助开发者...

Global site tag (gtag.js) - Google Analytics