jQuery MiniUI

标题: calendar的某一天颜色改变 [打印本页]

作者: wzd_love    时间: 2014-4-11 09:34:48     标题: calendar的某一天颜色改变

<form id="form1" method="post">
<div style="padding:15px;">
  <!--calendar -->
   <div style="width:1000px; height:450px"  id="calendar"  showDaysHeader="true" showClearButton="false"
   showTodayButton="false" showOkButton="false" class="mini-calendar" value=""
    showTime="false" ></div>
</div>
</form>
</body>
</html>
  <script type="text/javascript">
      mini.parse();
      function getValue() {
          var calendar = mini.get("calendar").getValue();
          var tb = mini.get("calendar");
                 tb.setCls("mybox");

这是源码,我想实现的是当我点击某天是日期颜色改变 而不是整个日期控件的颜色发生改变怎么做

作者: lost    时间: 2014-4-11 10:27:24

<style type="text/css">
    .mybox .mini-calendar-selected
    {
        background:Red;
    }
</style>
作者: wzd_love    时间: 2014-4-11 10:50:20

还是实现不了我想要的效果,我可以Q你吗?
作者: wzd_love    时间: 2014-4-11 10:59:03

lost 发表于 2014-4-11 10:27
.mybox .mini-calendar-selected
    {
        background:Red;

还是不能得到我想要的效果,可以再给点指点吗?
作者: lost    时间: 2014-4-11 11:16:28

wzd_love 发表于 2014-4-11 10:59
还是不能得到我想要的效果,可以再给点指点吗?

你说通过点击某天时日期颜色改变,你说的日期颜色是什么的颜色?字体颜色还是背景颜色还是...?
作者: wzd_love    时间: 2014-4-11 11:18:11

lost 发表于 2014-4-11 11:16
你说通过点击某天时日期颜色改变,你说的日期颜色是什么的颜色?字体颜色还是背景颜色还是...? ...

改变一下字体就可以,我就是想标示一下该天已经点击过。
作者: factory    时间: 2014-4-11 11:21:20

wzd_love 发表于 2014-4-11 10:59
还是不能得到我想要的效果,可以再给点指点吗?

监听ondrawdate="onDrawDate"事件

function onDrawDate(e) {
            var date = e.date;
            var d = new Date();

            if (date.getTime() < d.getTime()) {
                e.dateStyle="background:red;"
            }
        }

如果是监听以前的日期,背景色为红色
作者: wzd_love    时间: 2014-4-11 11:45:11

factory 发表于 2014-4-11 11:21
监听ondrawdate="onDrawDate"事件

function onDrawDate(e) {

你这个是要和当前时间比对了,我要实现的功能就是我点击过的日期让字体变一下,知道点击过了,我可能一下子点击完整个月的,我点击了哪一天哪一天要往数据库里保存
作者: factory    时间: 2014-4-11 13:37:35

wzd_love 发表于 2014-4-11 11:45
你这个是要和当前时间比对了,我要实现的功能就是我点击过的日期让字体变一下,知道点击过了,我可能一下 ...

点击没法处理




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2