vue打卡日历_Vue日历

new Vue({

el: ‘#calendar‘,

data: {

currentDay: 1,

currentMonth: 1,

currentYear: 1970,

currentWeek: 1,

days: [],

addDay: [],

},

created: function() {

this.initData(null);

var $this = this;

//请求数据

$.ajax({

url: "这里填接口名称",

type: "POST",

data: {

name: ‘‘,

params: ‘‘

},

dataType: "json",

async: false,

success: function(data) {

console.log(data);

$this.addDay = data;

},

error: function(xhr) {

console.log(xhr);

}

});

},

methods: {

j: function(y, m, d) {

//将传入的参数转换成字符串,作比较

var Y = y.toString();

var M = m < 10 ? ‘0‘ + m : m.toString();

var D = d < 10 ? ‘0‘ + d : d.toString();

//判断日历日期跟数据返回日期做对比

for (var i = 0; i < this.addDay.length; i++) {

if (toData(this.addDay[i][‘日历日期‘]) == (Y + M + D)) {

return true

}

}

function toData(date) { //将时间戳转化成标准的日期格式

if (date == null) {

return "";

}

var ndate = new Date(date);

var Y = ndate.getFullYear();

var M = (ndate.getMonth() + 1 < 10 ? ‘0‘ + (ndate.getMonth() + 1) : ndate.getMonth() + 1);

var D = (ndate.getDate() < 10 ? ‘0‘ + (ndate.getDate()) : ndate.getDate());

ndate = Y + M + D;

return ndate;

}

},

initData: function(cur) {

var date;

if (cur) {

date = new Date(cur);

} else {

date = new Date();

}

this.currentDay = date.getDate();

this.currentYear = date.getFullYear();

this.currentMonth = date.getMonth() + 1;

this.currentWeek = date.getDay(); // 1...6,0

if (this.currentWeek == 0) {

this.currentWeek = 7;

}

var str = this.formatDate(this.currentYear, this.currentMonth, this.currentDay);

// console.log("today:" + str + "," + this.currentWeek);

this.days.length = 0;

// 今天是周日,放在第一行第7个位置,前面6个

for (var i = this.currentWeek - 1; i >= 0; i--) {

var d = new Date(str);

d.setDate(d.getDate() - i);

// console.log("y:" + d.getDate());

this.days.push(d);

}

for (var i = 1; i <= 35 - this.currentWeek; i++) {

var d = new Date(str);

d.setDate(d.getDate() + i);

this.days.push(d);

}

},

pick: function(date) {

alert(this.formatDate(date.getFullYear(), date.getMonth() + 1, date.getDate()));

},

pickPre: function(year, month) {

// setDate(0); 上月最后一天

// setDate(-1); 上月倒数第二天

// setDate(dx) 参数dx为 上月最后一天的前后dx天

var d = new Date(this.formatDate(year, month, 1));

d.setDate(0);

this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1));

},

pickNext: function(year, month) {

var d = new Date(this.formatDate(year, month, 1));

d.setDate(35);

this.initData(this.formatDate(d.getFullYear(), d.getMonth() + 1, 1));

},

pickYear: function(year, month) {

alert(year + "," + month);

},

// 返回 类似 2016-01-02 格式的字符串

formatDate: function(year, month, day) {

var y = year;

var m = month;

if (m < 10) m = "0" + m;

var d = day;

if (d < 10) d = "0" + d;

return y + "-" + m + "-" + d

},

}

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/539995.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android Intent机制详解

原文出处&#xff1a;http://blog.csdn.net/t12x3456/article/details/7688154 什么是Intent Intent是一种运行时绑定&#xff08;run-time binding&#xff09;机制&#xff0c;它能在程序运行过程中连接两个不同的组件。通过Intent&#xff0c;你的程序可以向Android表达某种…

python基本数据类型(四)-集合与运算符-python3笔记

1.集合 2.字典 3.运算符优先级 1.集合 创建&#xff1a;() set() 注意&#xff1a;创建空的集合要用set() 特点&#xff1a;元素唯一&#xff0c;无序 运算&#xff1a; &&#xff08;交集&#xff09; |&#xff08;并集&#xff09; -&#xff08;差集&#xff0…

Android的权限

Android有四种权限&#xff1a; 1、Permission 权限 2、Root权限 3、Bootloader的解锁 4、Radio(基带)解锁 ------------------------------------ 1、Permission 我们在开发中经常使用到 Permission 权限&#xff0c;即一系列"Android.Permission.*"对象。…

hive2 java连接_用Java代码通过JDBC连接Hiveserver2

1.在终端启动hiveserver2#hiveserver22.使用beeline连接hive另外打开一个终端&#xff0c;输入如下命令(xavierdb必须是已经存在的数据库)#beeline -u jdbc:hive2://localhost:10000/xavierdb -n hive -p hive3.添加maven依赖org.apache.hivehive-jdbc1.1.0junitjunit4.9org.ap…

java 向上抛异常_Java 异常的处理方式throws

在昨天的文章《Java 异常的分类与处理》中我们简单地了解了一下在方法声明的位置上使用throws关键字向上抛出异常&#xff0c;下面深入讲解异常的第一种处理方式throws。下面深入讲解异常的第一种处理方式throws。看以下例子&#xff1a;import java.io.*;public class Excepti…

Jquery mobile 解决IOS9selectli闪退问题

升级IOS9后&#xff0c;JQuery mobile 出现了个bug问题。<select>&#xff0c;<ul><li></li></ul> 出现闪退。 解决方法&#xff1a; 必须加在 jquery.js 和 jquerymobile.js 中间 <script src"......../...../jquery-2.0.0.min.js&qu…

JAVA通过SSL证书创建MS AD账户及设置密码

近期由于工作需要整理一下自动化的东西&#xff0c;因为公司去年上线了OA&#xff0c;所以公司的入职系统会提交用户的信息到IT部门&#xff0c;最早的做法是入职到了&#xff0c;IT部门收集用户信息在AD中创建对应的用户信息&#xff0c;所以为了提高管理员的工作效率&#xf…

java 实体类规范_实体类的规范

1.Boolean类型1.1.使用Boolean类型,而不是Byte类型1.2.数据库字段名使用is_开头1.3.实体类字段名不使用is开头例子/*** 是否为新消息*/Column(name "is_new_message", nullable false)private Boolean newMessage;2.Enum类型1.使用Convert注解, 并指定coverter类例…

01电话拨号器

实例非常简单&#xff0c;意在体验Android的Intent&#xff0c;用户权限。 Intent 见 http://blog.csdn.net/zengmingen/article/details/49586045 用户权限 见 http://blog.csdn.net/zengmingen/article/details/49586569 --------------------------------------------------…

微信小程序笔记六模块化 —— module.exports

微信小程序中所有 js 文件作用域皆为独立的&#xff0c;每一个 js 文件即为一个模块。模块与模块之间的引用通过 module.exports 或 exports 对外暴露接口。 注意&#xff1a; exports 是 module.exports 的一个引用&#xff0c;因此在模块里边随意更改 exports 的指向会造成未…

java常用的统计_(OJ)Java常用类-统计数字次数

统计数字次数Problem Description命令行输入一个由数字组成的任意字符串,统计出每个数字出现的次数。Input Description1239586838Output Description0 counts:01 counts:12 counts:13 counts:24 counts:05 counts:16 counts:17 counts:08 counts:39 counts:1解题代码import ja…

02发送短信

使用SmsManager发送短信java.lang.Object ↳android.telephony.SmsManagerManages SMS operations such as sending data, text, and pdu SMS messages. Get this object by calling the static method SmsManager.getDefault().管理短信操作&#xff0c;如发送数据&#xff…

Python运行环境与异常处理

Python的命令格式&#xff1a; python [option] ... [-c cmd | -m mod | file | -] [arg] ... 选项描述-J 启动将从Python3中删除或更改某些功能的警告 -B阻止在导入时创建.pyc或.pyo文件-E忽略环境变量-h打印所有可用命令行选项的列表-i在程序执行后进入交互模式-m module以脚…

Java应用一般架构

原文链接&#xff1a;http://www.iteye.com/news/31115 当我们架设一个系统的时候通常需要考虑到如何与其他系统交互&#xff0c;所以我们首先需要知道各种系统之间是如何交互的&#xff0c;使用何种技术实现。 1. 不同系统不同语言之间的交互 现在我们常见的不同系统不同语…

Mac MongoDB未正常关闭导致重启失败

你可以删除掉mongod.lock文件&#xff0c;然后重新启动&#xff0c;如果还是不可以&#xff0c;你可以查看一下进程&#xff0c;然后杀掉&#xff1a; ps -aef | grep mongo sudo kill 1076 再重启数据库即可。

微信企业号让IOS不要识别数字为电话号码的方法

最近在开发一个联系人查看功能时&#xff0c;发现IOS端把 8位&#xff0c;11位的数字识别为了 电话号码。 本来是黑色的样式&#xff0c;变成了蓝色的样式&#xff0c;还添加了下划线。点击一下&#xff0c;还可以拨打电话。 这个问题要改&#xff0c;解决方法很简单&#xf…

powerdns与nginx结合实现以域名和IP方式访问web服务器80端口时分别跳转到不同页面...

1.powerdns设置 2.内部网站介绍 web服务器采用nginx&#xff0c;内网dns采用powerdns. 想实现的功能如下 通过ip访问时跳转到A页面&#xff0c;通过域名访问时&#xff0c;让其跳转到B页面。两种方式的端口均为80. 页面A对应的nginx配置 server { listen 80; …

Installation error code: -103签名不一致错误

调用Android系统的PackageInstallerActivity进行app安装时&#xff0c;报Installation error code: -103 错误。 原因是&#xff1a;签名问题。 可能是 1、正安装的应用没用签名 2、正安装的应用与已安装的应用包相同&#xff0c;但签名不同。 解决方法&#xff1a; 1、给…

java代码块是对象吗_面向对象(Java中普通代码块,构造代码块,静态代码块区别及代码示例)...

//静态代码块:在java中使用static关键字声明的代码块。静态块用于初始化类&#xff0c;为类的属性初始化。每个静态代码块只会执行一次。由于JVM在加载类时会执行静态代码块&#xff0c;所以静态代码块先于主方法执行。//如果类中包含多个静态代码块&#xff0c;那么将按照&quo…

Android adb命令选择设备操作

当开了多个模拟器时&#xff0c;安装app需要指定虚拟机&#xff0c;否则会提示&#xff1a;error: more than one device and emulator 1、先adb devices 查看设备列表 List of devices attached emulator-5554 device emulator-5556 device 2、使用命令 adb -s emulat…