前言：

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. Markdown编辑器为什么好用以及好用的markdown编辑器

    Markdown编辑器为什么好用以及好用的markdown编辑器 一.总结 一句话总结:Markdown 是一种简单的.轻量级的标记语法.用户可以使用诸如 * # 等简单的标记符号以最小的输入代价生成 ...

  2. zoj 1119 / poj 1523 SPF (典型例题 求割点 Tarjan 算法)

    poj : http://poj.org/problem?id=1523 如果无向图中一个点 u 为割点 则u 或者是具有两个及以上子女的深度优先生成树的根,或者虽然不是一个根,但是它有一个子女 w, ...

  3. Kinect 开发 —— 骨骼追踪（下）

    Kinect 连线游戏 在纸上将一些列数字(用一个圆点表示)从小到大用线连起来.游戏逻辑很简单,只不过我们在这里要实现的是动动手将这些点连起来,而不是用笔或者鼠标. 在开始写代码之前,需要明确定义我们 ...

  4. Vue中独立组件之间数据交互

    独立组件之间数据交互:通过自定义事件 组件A中的[数据],传递给组件B 1.创建组件A,组件B 2.组件B在实例创建完成时就开始监听事件[等待接收数据]:钩子 3.组件A中触发事件,发送数据 注意:接 ...

  5. BZOJ5332: [Sdoi2018]旧试题(莫比乌斯反演)

    时光匆匆,转眼间又是一年寒暑…… 这是小 Q 同学第二次参加省队选拔赛. 今年,小 Q 痛定思痛,不再冒险偷取试题,而是通过练习旧 试题提升个人实力.可是旧试题太多了,小 Q 没日没夜地做题,却看不到 ...

  6. BZOJ 3675 APIO2014 序列切割 斜率优化DP

    题意:链接 方法:斜率优化DP 解析:这题BZ的数据我也是跪了,特意去网上找到当年的数据后面二十个最大的点都过了.就是过不了BZ. 看到这道题自己第一发DP是这么推得: 设f[i][j]是第j次分第i ...

  7. Finance and Good Society

    Finance is a technology of great power. It plays an important role in our society which range from t ...

  8. 经验之谈—让你看明确block

    事实上我感觉不常常使用block的朋友.对block应该是比較陌生的,那么如今我们来扒开block的真面目,看看block的本质 普通的局部变量.block内部仅仅会引用它初始的值(block定义那一 ...

  9. linux 批量设置文件夹755 文件644权限

    linux 批量设置文件夹755 文件644权限 文件来源 http://www.111cn.net/sys/linux/109724.htm 本文章来为各位介绍一篇关于linux 批量设置文件夹75 ...

  10. php数组时按值传递还是按地址传递

    php数组时按值传递还是按地址传递 一.总结 1.数组都是按值:php普通变量和数组的赋值(=)是按值传递,对象的赋值(=)是按址传递 2.对象和按值和按址:对象的clone(用clone关键字)是按 ...