html 移动端价格日历

(function($){
    "use strict";
    var calendarSwitch = (function(){
        function calendarSwitch(element, options){
            this.settings = $.extend(true, $.fn.calendarSwitch.defaults, options||{});
            this.element = element;
            this.init();
        }
        calendarSwitch.prototype = {
            /*初始化插件*/
            init : function(){
                var me = this;
                me.selectors = me.settings.selectors;
                me.sections = me.selectors.sections;
                me.index=me.settings.index;
                me.comfire=me.settings.comfireBtn;
                me.tabindex = me.settings.tabindex;
                me.dateparams = me.settings.dateparams;
                var html="<div class='headerWrapper' data-id="+me.tabindex+"><div class='headerTip'>预约档期</div><div class='comfire'>取消</div></div><div class='headerTop_link'>商家建议至少提前天预约,若您的拍摄需求紧急<a href=''></a></div><table class='dateZone'><tr><td class='colo'>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td class='colo'>六</td></tr></table>"+
                "<div id='tbody' class='tbody'></div>"
                $(me.sections).append(html);
                $(me.sections).find('.headerWrapper').css({
                    "height": "50px",
                    "line-height": "50px",
                    "position":"relative",
                    "font-size":'16px'
                });
                $(me.sections).find('.headerTip').css({
                    "text-align": "center",
                    "line-height": "50px",
                    "border-bottom":"1px solid #f1f1f1"
                });
                $(me.sections).find(me.comfire).css({
                    "height": "20px",
                    "line-height": "20px",
                    "width": "60px",
                    "color": "#ff5400",
                    "position":"absolute",
                    "right":"15px",
                    "text-align": "center",
                    "font-size": "14px",
                    "cursor":"pointer",
                    "top":"15px"
                });


//第一个月
var F_MONTH = false;
//计算日期
                for(var q=0;q<=6;q++){
                    var select=q;//5
                    if(select ==0){
                    F_MONTH = true;
                    }else{
                    F_MONTH = false;
                    }
                    $("#tbody").append("<p class='ny1'></p><table class='dateTable'></table>")                    
                    me.currentDate= new Date();                   
                    me.currentDate.setMonth(me.currentDate.getMonth()+select);
                    me.currentYear=me.currentDate.getFullYear();
                    me.currentMonth=me.currentDate.getMonth();
                    //将date转换为当前月份
                    me.setcurrentDate=new Date(me.currentYear,me.currentMonth,1);                
                    me.firstDay=me.setcurrentDate.getDay();


                    var yf=me.currentMonth+1;
                    
                    if(yf<10){
                        $(me.sections).find('.ny1').eq(sele
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值