几种常用的JS方法

一. js方法修改属性！

function changeProperty1(){

$("#leaderIdea").attr({readonly:"readonly"}); //设置为只读

var lds = document.getElementById("leaderIdea");

lds.style.backgroundColor = "#EDEDED"; //添加背景色

function changeProperty3(){

$("#leaderIdea").removeAttr("readOnly"); //去除只读限制

var l = document.getElementById("leaderIdea");

l.style.backgroundColor = "#ffffff"; //设置背景色为白色

}

二. a链接动态拼接href

原链接：

修改a标签的href链接：

1. $('#AA').attr('href','http:// www.hao360.com');

2.这是js可以实现href的动态拼接：

修改文字：

$("#AA").text('Hello World');

修改后的链接为：

<a href="http:// www.hao360.com" id="AA">Hello World</a>

三. JS里<div>实现隐藏和显现

<div id='hidden2'>这里是可以隐藏和显现的区域</div>

<input id='butten' type='butten' onclick='setChange();'>点击这里</input>

<script>

function setChange(){

$('#hideen2').hide();

$('#hidden2').show();

}

</script>

四. js把这个时间Tue Jul 16 01:07:00 CST 2013转换为：2013-7-16

function FormatDate (strTime) {

var date = new Date(strTime);

return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();

}

FormatDate("Tue Jul 16 01:07:00 CST 2013");

五 . 将2017-6-5 日期赋值给date类型的input

现在的html5 input标签支持type="date" 显示有日期的日历控件，一行简单的代码就能显示出一个日历控件，但是有的时候需要给它一个默认的日期值，这个时候可能就要用到val()， attr("value","")等方法，有可能很多人会不成功，其实并不是这个标签不支持这些赋值的方法，而是赋值的时候字符串的格式有问题。

解决办法：一说就明白，一般我们用new Date().getMonth() new Date().getDate()方法获得日期的时候如果日期与月数小于10，则默认显示为1，2，3，4，5，6，7，8，9 所以日期的格式可能就是2017-6-5。而Input type="date"标签中支持显示的日期格式为2017-06-05，把这个值传给input标签就能够正常显示日期的值了，所以这里要加一个判断，如果月数或者日期数是小于10的，就要在其前面添加数字0构成字符串，这样就能赋值后正常显示了。

[javascript] view plain copy

var now = new Date();

alert(now.getDate()+'-'+now.getMonth());

//格式化日，如果小于9，前面补0

var day = ("0" + now.getDate()).slice(-2);

//格式化月，如果小于9，前面补0

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//拼装完整日期格式

var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

//完成赋值

$('#createStartTime').val(today);

六.根据选定日期定位到周五日期并且赋值给date类型input

function getDate(){

//根据起始日期自动获取所在周的星期五的日期结束日期也可以单独改变

// var now = new Date();

var startDate=$('#startDate').val(); //获取2017-06-15型日期

var dateFormat = new Date(Date.parse(startDate.replace(/-/g, "/"))); //将字符串型改变为日期型

var nowTime = dateFormat.getTime(); //返回的是一个long型的毫秒数

var day = dateFormat.getDay(); //获取一周的第几天

var oneDayLong = 24*60*60*1000 ;

// var MondayTime = nowTime - (day-1)*oneDayLong ; //对应星期一的日期

//判断如果所选星期大于星期五则结束日期定为下周五

if(day<5){

var FridayTime = nowTime + (5-day)*oneDayLong ; //进行毫秒数上的改变

}else{

var FridayTime = nowTime + (12-day)*oneDayLong ; //进行毫秒数上的改变

}

var FridayFormat = new Date(FridayTime); //毫秒型转换为Date型

//格式化日，如果小于9，前面补0

var day=("0"+FridayFormat.getDate()).slice(-2);

//格式化日，如果小于9，前面补0

var month=("0"+(FridayFormat.getMonth()+1)).slice(-2);

// 拼装完整日期格式

var Friday =FridayFormat.getFullYear()+"-"+(month)+"-"+(day);

var friday = FormatDate(FridayFormat); //格式化为yyyy-MM-dd 型日期

// alert("Friday :"+Friday);

$('#endDate').val(Friday); //赋值给结束日期

}

这是最近工作中用到的，做一个总结，也供大家参考

几种常用的JS方法

猜你喜欢