前言：

1.jquery datetimepicker

今天遇到一个日期控件格式的问题，默认选中显示的并不是设定的值，而是当天的日期。于是去查了一遍文档。

参考文章：jquery datetimepicker 配置参数

官方文档：DateTimePickerjQuery plugin select date and time （找了很久）

耗时2小时，翻了无数遍网页，最后亲自去看插件源码，突然灵光一现，发现只是input value的格式传错了，冤啊！！

Html代码如下：

<head>

  <{css src="jquery.datetimepicker.css" app="sysstat" }>

  <{script src="jquery.js" app="sysstat" }>

  <{script src="jquery.datetimepicker.js" app="sysstat" }>

</head>

<body>

    <input class="x-input cal datetimepicker" readonly="readonly" type="text" value="<{$time_start}>" id="time_from" name="time_from"> 至

    <input class="x-input cal datetimepicker" type="text" value="<{$time_end}>" id="time_end" name="time_end">

</body>

js代码如下：

  $('.datetimepicker').datetimepicker({

    lang: "ch",

    format: "Y-m-d"

  });

效果如下：

问题：就是选中的那个值并不是input框里的值。

两个input value 是php渲染的数据，

<{$time_start}> 打印出来值是 2019/01/20
<{$time_end}> 打印出来值是 2019/01/20

这俩值格式跟format格式不匹配，format格式是

format: "Y-m-d"

解决：修改如下：

$('.datetimepicker').datetimepicker({

      lang: "ch",

      format: "Y/m/d"

    });

这样就解决了这个问题。

2.微博分享，QQ好友，QQ空间，微信分享

Html代码如下：

<div class="share-wrapper">

      <div onclick="shareTo('qzone')">

        <img src="http://zixuephp.net/static/images/qqzoneshare.png" width="24">

      </div>

      <div onclick="shareTo('qq')">

        <img src="http://zixuephp.net/static/images/qqshare.png" width="26">

      </div>

      <div onclick="shareTo('sina')">

        <img src="http://zixuephp.net/static/images/sinaweiboshare.png" width="28">

      </div>

      <div onclick="weixinShare()">

        <img src="http://zixuephp.net/static/images/wechatshare.png" width="26">

      </div>

</div>

微博分享、QQ好友分享、QQ空间分享js代码如下：

function shareTo(stype) {

  var ftit = '';

  var flink = '';

  //获取网页标题title

  ftit = window.document.title;

  //获取网页中内容的第一张图片

  flink = $('#thumblist img').eq(0).attr('src');

  if (typeof flink == 'undefined') {

      flink='';

  }

  //qq空间接口的传参

  if (stype == 'qzone') {

    window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + document.location.href + '?sharesource=qzone&title=' + ftit + '&pics=' + flink + '&summary=' + '');

  }

  //新浪微博接口的传参

  if (stype == 'sina') {

    window.open('http://service.weibo.com/share/share.php?url=' + document.location.href + '?sharesource=weibo&title=' + ftit + '&pic=' + flink + '&appkey=2706825840');

  }

  //qq好友接口的传参

  if (stype == 'qq') {

    window.open('http://connect.qq.com/widget/shareqq/index.html?url=' + document.location.href + '?sharesource=qzone&title=' + ftit + '&pics=' + flink + '&summary=' + '');

  }

}

微信分享另外做的：

（1）首先引入了jquery qrcode库，生成链接二维码

微信二维码弹出层Html代码如下：

<!-- 生成的微信二维码容器，默认隐藏 -->

<div class="wx-qrcode-wrapper">

  <!-- 遮罩层 -->

  <div class="mask"></div>

  <!-- 弹出内容 -->

  <div class="wx-qrcode">

    <h4>微信分享 <a href="javascript:;" class="icon-close2" onclick="closeMask()"><img src="data:images/static_img/icon-close2.png"

          alt=""></a></h4>

    <!-- 二维码生成位置 -->

    <div id="qrcode"></div>

  </div>

</div>
<!-- 引入jquery.qrcode库 生成二维码 -->

<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
/* 二维码生成代码 */

$("#qrcode").qrcode({

  text: "<{url action=topwap_ctl_item_detail@index item_id=$item.item_id}>", //设置二维码内容

  render: "table", //设置渲染方式

  width: 200, //设置宽度,默认生成的二维码大小是 256×256

  height: 200, //设置高度

  typeNumber: -1, //计算模式

  background: "#ffffff", //背景颜色

  foreground: "#000000" //前景颜色

});

/* 微信图标上的点击事件，触发二维码弹出 */

function weixinShare() {

  $('.wx-qrcode-wrapper').show()

}

/* 关闭二维码弹层 */

function closeMask() {

  $('.wx-qrcode-wrapper').hide()

}

问题：商品详情页pc端和移动端的链接不一样，无法分享到微信怎么办？

答案：这里有一个问题，就是在pc端进行微信分享的链接并不是当前链接，pc端的链接在移动端是打不开的，会自动跳到首页，所以这里的链接后端处理过了，已处理成对应的移动端商品详情链接。

参考文章：QQ空间、新浪微博、腾讯微博等一键分享API链接代码

每日技术总结：jquery datetimepicker,微博QQ好友QQ空间微信等分享接口的更多相关文章

  1. 网站pc端分享QQ好友，空间，微博

    在开发pc端网站的过程中,涉及到邀请好友的功能,之前单纯的复制粘贴已经无法满足用户的体验.故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能. 分享到QQ好友:http://connect ...

  2. H5分享到微信好友朋友圈QQ好友QQ空间微博二维码

    这是分享按钮: <button onclick="call()">通用分享</button> <button onclick="call(' ...

  3. 微信jssdk分享链接给好友，图标只能自己看到，对方看不到！

    问题描述:调用微信jssdk分享接口时,所有参数均正常的情况下(排除参数错误的情况),分享给好友后,其中的小图标自己看得到,接收到分享的好友看不到小图标! (如上图所示!) 出现上述问题的原因:本人猜 ...

  4. javascript社交平台分享-新浪微博、QQ微博、QQ好友、QQ空间、人人网

    整理的五个社交平台的分享 <!doctype html> <html lang="en"> <head> <meta charset=&q ...

  5. PC端实现浏览器点击分享到QQ好友,空间,微信,微博等

    网上现在比较流行的是JIaThis,但是测试的时候,不能分享给QQ好友,一直卡在输入验证码,以下代码亲测有效,可直接使用 <%@ page language="java" c ...

  6. 吴裕雄--天生自然HADOOP操作实验学习笔记：qq好友推荐算法

    实验目的 初步认识图计算的知识点 复习mapreduce的知识点,复习自定义排序分组的方法 学会设计mapreduce程序解决实际问题 实验原理 QQ好友推荐算法是所有推荐算法中思路最简单的,我们利用 ...

  7. QQ好友在线/离线，怎么测试？

    即时通讯是目前internet上最为流行的通讯方式,各种各样的即时通讯软件也层出不穷,那么今天主要针对QQ好友在线状态/QQ群友在线状态功能出发,一起思考其中的实现原理以及我们如何去测试此功能? 当大 ...

  8. 网页分享到微博、QQ、QQ空间、微信

    <ul id="content-share-list" class="bdsharebuttonbox bdshare-button-style0-16" ...

  9. [h5+api]移动app开发用到的微信好友,朋友圈,qq好友,新浪微博分享合集

    适用H5+环境,能够使用plus方法的移动app中 /** * Created by HBuilder. * User: tyx * Date: 2018-11-21 * Time: 17:28:51 ...

随机推荐

  1. selector-item属性

    今天做的项目,发现通过键盘选中一个button以后,并没有出现button样式的变化,后来发现是selector里面缺少状态配置的原因.这里就顺便把用到的属性记录了下来,方便以后使用.当然它的属性很多 ...

  2. [51Nod]NOIP2018提高组省一冲奖班模测训练（三） 题解

    链接 A.Anan的派对 题意:Anan想举办一个派对.Anan的朋友总共有 n 人.第i个人如果参加派对会得到 \(c_i\) 的快乐值,除他自己外每多一个人参加他会减少 \(d_i\) 的快乐值. ...

  3. c/c++中static与extern关键字介绍

    一.C语言中的static关键字 在C语言中,static可以用来修饰局部变量,全局变量以及函数.在不同的情况下static的作用不尽相同. (1)修饰局部变量 一般情况下,对于局部变量是存放在栈区的 ...

  4. 关于router-link的传参以及参数的传递

    1.路径:http://localhost:8081/#/test?name=1 <router-link :to="{path:'/test',query: {name: id}}& ...

  5. hadoop集群环境配置成功与否查看方法

    1.Hadoop启动jobhistoryserver来实现web查看作业的历史运行情况,由于在启动hdfs和Yarn进程之后,jobhistoryserver进程并没有启动,需要手动启动jobhist ...

  6. css3--根据数据加载显示的一个动画

    css: .circle { width: 200px; height: 200px; position: absolute; border-radius: 50%; background: #0cc ...

  7. 3/16 Django框架 环境搭建

    3/16 Django框架 环境搭建 环境搭建 Python解释器 Python代码通过Python解释器去执行. 编程语言 机器语言---汇编语言(助记符)---高级语言 解释型语言:解释器将代码一 ...

  8. 初识Django框架——环境搭建前你需要了解的几点

    Django是一个开放源代码的Web应用框架,由Python写成. 采用了MVC的框架模式,即模型M,视图V和控制器C. 它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是C ...

  9. double 失真例子

    public static void main(String[] args) {  // TODO Auto-generated method stub  double ab=821.20;  dou ...

  10. 【Codeforces Round #426 (Div. 2) A】The Useless Toy

    [Link]:http://codeforces.com/contest/834/problem/A [Description] [Solution] 开个大小为4的常量字符数组; +n然后余4,-n ...