前言：

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. HTTP -- 请求/响应 结构

    一:一个HTTP请求报文由四个部分组成:请求行.请求头部.空行.请求数据. 1.请求行 1.请求方法:GET POST 2.URL字段 3.HTTP版本字段 2.请求头 1.Accept:浏览器可接受 ...

  2. POJ 2133 暴搜

    题意: 思路: 按照题意暴搜 注意 如果目标串==给的串 答案是2 //By SiriurRen #include <cstdio> #include <cstring> #i ...

  3. Impala储存与分区

    不多说,直接上干货! hive的元数据存储在/user/hadoop/warehouse Impala的内部表也在/user/hadoop/warehouse. 那两者怎么区分,看前面的第一列. 下面 ...

  4. android 移植ffmpeg后so库的使用

    今天折腾了一天,可算是有所收获,成功的用jni调用了libffmpeg中的一个方法-----avcodec_version(),至于avcodec_version()是干什么用的我不大清楚,应该是获取 ...

  5. javafx KeyFrame

    import javafx.animation.Animation; import javafx.animation.KeyFrame; import javafx.animation.Timelin ...

  6. 【Henu ACM Round #12 D】 Longest Subsequence

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 记录每个数字出现的次数cnt[x]; (大于1e6的直接忽略) 另外用一个数组z[1e6] 然后for枚举x 第二层for枚举x的倍 ...

  7. SDNU 1206.蚂蚁感冒 【代码如此简单，思维练习】【7月29】

    蚂蚁感冒 Description 长100厘米的细长直杆子上有n仅仅蚂蚁. 它们的头有的朝左,有的朝右. 每仅仅蚂蚁都仅仅能沿着杆子向前爬,速度是1厘米/秒. 当两仅仅蚂蚁碰面时.它们会同一时候掉头往 ...

  8. 用 runcloud.io 免费部署、优化管理你的多个VPS( 目前支持 Ubuntu 16.04 )

    使用RunCloud.io轻松实现Web部署 使用VPS.云服务器,通常会安装基本的操作系统,之后必须自己安装Apache,MySQL,PHP,尤其是服务器的性能优化,这对大多数人来说可能是非常具有挑 ...

  9. 【习题 7-10 Uva11214】Guarding the Chessboard

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 迭代加深搜索. 可以想见最后深度不会很深吧.. 然后皇后之间互相攻击到是允许的.. 就这样 [代码] /* 1.Shoud it u ...

  10. Objective-C - 类的静态常量

    创建头文件(.h), 导出常量: // Constants.h FOUNDATION_EXPORT NSString *const MyFirstConstant; FOUNDATION_EXPORT ...