前言：

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. EC2 开启 IPV6 访问 和 禁止重启后自动分配IP地址

    EC2 开启 IPV6 访问 和 禁止重启后自动分配IP地址进入 VPC 控制台,对当前 VPC 添加 IPV6 CIDR 块对该 VPC 的路由表进行修改,添加其它路由,第一个空填::/0,第二个空 ...

  2. Kinect 开发 —— Hello，Kinect

    控制台输出深度数据: using System; using System.Collections.Generic; using System.Linq; using System.Text; usi ...

  3. 用console.log分析Vue源码

    前言 本文通过console.log的一些特性,结合vue.js的源码,通过一个简单的例子,让你了解Vue的各个过程的变化. 控制台输出的效果图 请用chrome查看,并打开控制台看效果 演示地址 准 ...

  4. 今日SGU 5.5

    SGU 114 题意:求一个点到其他点的距离总和最小,距离的定义是x轴距离乘以那个点的人数p 收获:带权中位数,按坐标排序,然后扫一遍,最后权值超过或等于总权值的一半时的那个点就是答案,证明暂无 #i ...

  5. spring boot 热启动

    spring boot热启动有两种方式 1. 以Maven插件的形式去加载,所以启动时使用通过Maven命令mvn spring-boot:run启动,而通过Application.run方式启动的会 ...

  6. 【习题 8-8 UVA - 1612】Guess

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] double千万不要用==判断相等... 而且两个保留2位有效数字的数字x,y 判断它们相等应该这样. int temp1 = ro ...

  7. 【习题 8-6 UVA - 1611】 Crane

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 想把数字i从位置j移动到位置i 可以这样. 假设mov(x,y)表示将(x..x+len/2-1)和(x+len/2..y)交换. ...

  8. malloc,colloc,realloc内存分配，动态库，静态库的生成与调用

     1.在main方法里面直接定义一个很大的数组的时候.可能会出现栈溢出:错误代码演示: #include<stdio.h> #include<stdlib.h> void ...

  9. javascript创建对象的方法--原型模式

    javascript创建对象的方法--原型模式 一.总结 1.原型模式解决内存浪费的方法(继承):通过继承,对象继承原型模式下的所有属性,对象不同于其它对象的的属性自己创建或者修改 2.原型的使用(p ...

  10. java根据url获取完整域名

    private String getDomain(String destination){ if(destination==null||destination.trim().equals(" ...