求一款JQ或者JS的日历备忘录插件

JavaScript08

求一款JQ或者JS的日历备忘录插件,第1张

bootstrap里面有一个组件usmanhalalit里面有一个备忘录控件,可以新建事项拖进日历里面,还支持同一天多条备忘录,应该也可以直接在日历里面加入备忘录,既然你可以重写datepicker ,那用起来应该没啥问题

日期控件,主要使用js的Date对象。下面是简单是日期控件,仅供参考:

<style>

* { margin:0padding:0}

.calander { position:relativewidth:210pxborder:1px solid redmargin:50px auto}

.calander a { position:absolutetop:0height:40pxline-height:40px}

.calander .prev { left:0padding-left:10px}

.calander .next { right:0padding-right:10px}

.calander span { display:blockheight:40pxline-height:40pxtext-align:centerfont-weight:bold}

.calander ul, .calander ol { overflow:hidden}

.calander li { float:leftwidth:30pxheight:30pxline-height:30pxtext-align:centerlist-style:none}

.calander .week { color:#f40}

.calander .today { color:blue}

.calander .past { color:#ccc}

</style>

<script>

window.onload=function (){

var oDiv=document.getElementById('calander')

var oSpan=oDiv.getElementsByTagName('span')[0]

var oUl=oDiv.getElementsByTagName('ul')[0]

var oPrev=oDiv.getElementsByTagName('a')[0]

var oNext=oDiv.getElementsByTagName('a')[1]

var now=0

create()

oNext.onclick=function (){

now++

create()

}

function create()

{

oUl.innerHTML=''

// span

var oDate=new Date()// ?

oDate.setMonth(oDate.getMonth()+now, 1)

var y=oDate.getFullYear()

var m=oDate.getMonth()

oSpan.innerHTML=y+'年'+(m+1)+'月'

// 创建空格

var oDate=new Date()// ?

oDate.setMonth(oDate.getMonth()+now, 1)

oDate.setDate(1)

var week=oDate.getDay()// 0-6

(week==0) &&(week=7)

for (var i=0i<week-1i++)

{

var oLi=document.createElement('li')

oUl.appendChild(oLi)

}

// 创建真正日期

var oDate=new Date()//?

oDate.setMonth(oDate.getMonth()+now, 1)

oDate.setMonth(oDate.getMonth()+1, 0)

var total=oDate.getDate()

for (var i=0i<totali++)

{

var oLi=document.createElement('li')

oLi.innerHTML=i+1

oUl.appendChild(oLi)

}

// 处理周末

var aLi=oUl.children

for (var i=0i<aLi.lengthi++)

{

if (i%7==5 || i%7==6)

{

aLi[i].className='week'

}

}

// 今天

if (now == 0)

{

var oDate=new Date()

for (var i=0i<aLi.lengthi++)

{

if (aLi[i].innerHTML == oDate.getDate())

{

aLi[i].className='today'

}

else if (aLi[i].innerHTML <oDate.getDate())

{

aLi[i].className='past'

}

}

}

}

}

</script>

</head>

<body>

<div class="calander" id="calander">

<a href="javascript:" class="prev">←</a>

<a href="javascript:" class="next">→</a>

<span>2015年04月</span>

<ol>

<li>一</li>

<li>二</li>

<li>三</li>

<li>四</li>

<li>五</li>

<li class="week">六</li>

<li class="week">日</li>

</ol>

<ul>

</ul>

</div>

</body>

插件即桌面小部件,也叫桌面控件,就是能直接显示在Android系统桌面上的小程序,目前手机自带的插件有天气、时钟、日历等。

手机桌面添加小插件的方式如下:

1、ColorOS 12及以上版本:可双指放在屏幕斜对角,向内捏合进入桌面编辑界面,选择“卡片”,选择需要的插件,点击添加即可。

2、ColorOS 3.0-11.3版本:可双指放在屏幕斜对角,向内捏合进入桌面编辑界面,选择“插件”,选择需要的插件,点击添加即可。

3、其他版本,可长按桌面空白处(或点击菜单键),点击插件,即可添加插件。

手机桌面小插件的删除方式如下:

长按需要删除的插件后松开手,点击插件图标的“X删除”即可。

温馨提示:

ColorOS 3.0及以上版本手机取消自带天气插件,您也可以自己下载第三方插件程序,安装到手机存储,再添加插件即可。