前言：

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. [python]CompressionError: bz2 module is not available

    事情是这种,在centos6 上本来是python2.6 然后我下载了一个python2.7.5 安装之后,把默认python改动为python2.7.5版本号. 使用pip安装twisted的时候出 ...

  2. ElasticSearch 架构图

    ElasticSearch 架构图 从下往上来分析ElasticSearch 架构图 Gateway代表ElasticSearch索引的持久化存储方式. 在Gateway中,ElasticSearch ...

  3. 智能指针shared_ptr, auto_ptr, scoped_ptr, weak_ptr总结

    看这里: http://blog.csdn.net/lollipop_jin/article/details/8499530 shared_ptr可以多线程同时读,但是涉及到写,需要加锁. share ...

  4. [Python] Python's namedtuples can be a great alternative to defining a class manually

    # Why Python is Great: Namedtuples # Using namedtuple is way shorter than # defining a class manuall ...

  5. c++操作当前窗体句柄

    句柄 这一概念是MFC里的一个类.MFC有专门的函数来获取窗体句柄. HWND hwnd; hwnd=CreateWindow("my own windowshandle",&qu ...

  6. iOS_31_cocos2d_微信飞机

    终于效果图: 纹理素材 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcHJlX2VtaW5lbnQ=/font/5a6L5L2T/fontsize/400 ...

  7. java初始化过程中成员变量

    package day01; class Base{ int j; //1.j=0 Base(){ add(1); //2.调用子类add()方法 System.out.println(j); //4 ...

  8. JSP中使用EL表达式

    EL表达式 :EL 全名为Expression Language,就是为了替代<%= %>脚本表达式. EL主要作用: 获取数据: EL表达式主要用于替换JSP页面中的脚本表达式,以从各种 ...

  9. cocos2d-x嵌入移动MM短代支付IAP2.4的SDK，点击支付崩溃的解决的方法

    凡是用IAP2.4,调用purchase.order 游戏崩溃.logcat报错是: 06-16 18:43:42.944: E/AndroidRuntime(8526): FATAL EXCEPTI ...

  10. Android开发工具之adt-bundle-windows

    adt-bundle-windows是非常久之前的android开发工具.是集成了ADT版本号的eclipse,可是里面并没有下载SDK.这个须要自己单独下载,这个工具适合刚開始学习的人使用. 由于刚 ...