jquery获取当前日期的方法
本文实例讲述了jquery获取当前日期的方法。分享给大家供大家参考。
具体如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>jquery当前日期</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
function show(){
var mydate = new Date();
var str = "" + mydate.getFullYear() + "年";
str += (mydate.getMonth()+1) + "月";
str += mydate.getDate() + "日";
return str;
}
$("input[type='button']").click(function(){
$("p").html("今天是 " + show());
});
});
</script>
</head>
<body>
<input type="button" value="看看现在的时间" />
<p></p>
</body>
</html>
PS:这里再为大家推荐几款时间及日期相关在线工具供大家参考使用:
在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期计算器/相差天数计算器:
http://tools.jb51.net/jisuanqi/datecalc
在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery Mobile开发中日期插件Mobiscroll使用说明
近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡 mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅 放在一起对比下 各位看官,你们觉得哪个
-
jquery 日期控件datepicker属性详细解析
复制代码 代码如下: $("#regDate").datepicker( { showMonthAfterYear: true, // 月在年之后显示 changeMonth: true, // 允许选择月份 changeYear: true, // 允许选择年份 dateFormat:'yy-mm-dd', // 设置日期格式 closeText:'关闭', // 只有showButtonPanel: true才会显示出来 d
-
datePicker——日期选择控件(with jquery)
demo: http://demo.jb51.net/js/2011/jQuery_calendar/index.html down: http://www.jb51.net/jiaoben/19622.html 用法很简单,而且js文件也很小,之前也见过一些日期选择控件,但个头都比较大,影响速度可以设置日期的格式,可以选择日期的起止时间,如果不加参数的话,默认就是之前的日期不可选,而只能从今天开始选择 现在My97 DatePicker也不错,不用jquery 一款很不错的基于JavaScri
-
基于jquery的web页面日期格式化插件
复制代码 代码如下: (function ($) { var FormatDateTime = function FormatDateTime() { }; $.FormatDateTime = function (obj, IsMi) { var correcttime1 = eval('( new ' + obj.replace(new RegExp("\/", "gm"), "") + ')'); var myDate = correctt
-
jQuery实现简单的日期输入格式化控件
js代码有一百多行. 先上效果图 html代码 日期: <input type="text" id="dateInputer" class="hhm-dateInputer" placeholder="请输入日期"> 设置input元素类名为 hhm-dateInputer,通过这个类来绑定这个日期输入控件. js代码 这里应用了jQuery的库, 主要用于选择元素和绑定事件. 复制代码 代码如下: <sc
-
JQuery日期插件datepicker的使用方法
JQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活.下面做一个使用日期插件datapicker的例子. 1.下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对datepicker的支持,当然您也可以下载datepicker,包括ui.core.js和ui.datepicke
-
jQuery实现简单日期格式化功能示例
本文实例讲述了jQuery实现简单日期格式化功能.分享给大家供大家参考,具体如下: 代码如下,引入jquery后直接后加入以下代码刷新可测试 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 &
-
jquery中实现时间戳与日期相互转换
直接看代码: 提醒:不要忘记了引用jquery的类库 (function($) { $.extend({ myTime: { /** * 当前时间戳 * @return <int> unix时间戳(秒) */ CurTime: function(){ return Date.parse(new Date())/1000; }, /** * 日期 转换为 Unix时间戳 * @param <string> 2014-01-01 20:20:20 日期格式 * @return <
-
jQuery之日期选择器的深入解析
1:默认情况下,日期输入文本框获得页面焦点的时候,日期选择器组件会在一个覆盖层中打开日历选择面板,当日期输入文本框失去焦点或者选择一个日期的时候,将自动关闭该日历选择面板$(selector).datepicker([options]);简单实例: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml
-
获取客户端电脑日期时间js代码(jquery)
原生态javascript获取日期 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript">var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDat
随机推荐
- javascript 写类方式之五
- 反序列出文本的每行内容的批处理
- 统一接口:为FireFox添加IE的方法和属性的js代码
- Android录音应用实例教程
- PHP未登录自动跳转到登录页面
- PHP中extract()函数的定义和用法
- 100行PHP代码实现socks5代理服务器
- 又拍云存储同步脚本
- jQuery实现仿美橙互联两级导航菜单效果完整实例
- 零基础入门篇之Linux及Arm-Linux程序开发笔记
- 精妙的SQL和SQL SERVER 与ACCESS、EXCEL的数据导入导出转换
- JQuery实现样式设置、追加、移除与切换的方法
- jQuery代码优化 遍历篇
- jquery对象访问是什么及使用方法介绍
- jQuery插件animateSlide制作多点滑动幻灯片
- 超赞的动手创建JavaScript框架的详细教程
- 基于JavaScript代码实现自动生成表格
- IIS 状态代码的含义
- 解决PHP 7编译安装错误:cannot stat ‘phar.phar’: No such file or directory
- C++输入一个字符串,把其中的字符按照逆序输出的两种方法解析