Jquery – 尚站互联

261月 2018

bootstrap-datetimepicker 时间日历控件的使用

1.必须引入bs和query

2.引入bootstrap-datetimepicker的css已经js 其中moment-with-locales-zh-cn.min.js是语言包（只有中文）

3.html代码部分

4.js代码部分

$(function () {
$(‘#date1’).datetimepicker({
format: ‘YYYY-MM-DD HH:mm:ss’,
locale: moment.locale(‘zh-cn’)
});
});

5.小结
format: ‘YYYY-MM-DD HH:mm:ss’ 这一块如果不想显示时间，可以直接改成YYYY-MM-DD，如果时间只要12小时制度可以改成 YYYY-MM-DD hh:mm:ss

bootstrap-datetimepicker源码

111月 2018

js手机获取当前经纬度

by 爱偷吃猫的鱼

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<p id=”demo”>点击这个按钮，获得您的坐标：</p>
<button onclick=”getLocation()”>试一下</button>
<script>
var x=document.getElementById(“demo”);
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML=”Geolocation is not supported by this browser.”;}
}
function showPosition(position)
{
x.innerHTML=”Latitude: ” + position.coords.latitude +
“<br />Longitude: ” + position.coords.longitude;
}
</script>
</body>
</html>

js手机获取当前经纬度

2712月 2016

jquery 鼠标文字更随

by 爱偷吃猫的鱼

html代码

<a href=”http://www.shangzh.com” class=”tooltip” title=”老李的博客”>尚站互联首页</a>

js代码

//鼠标跟随
var x = 15;
var y = 10;
$("body").append("<div id='tooltip' style='position: absolute;border: #333 1PX solid;background: #f7f5d1;padding: 1px;color: #333;display: none;padding: 1px;'></div>");
var mytooltip = $("#tooltip");

$(".tooltip").mouseover(function (e) { //当鼠标指针从元素上移入时
   this.mytitle = this.title;
   this.title = '';
   mytooltip.html(this.mytitle).css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" }).show("fast");
}).mouseout(function () { //当鼠标指针从元素上移开时
   this.title = this.mytitle;
   mytooltip.html('');
}).mousemove(function (e) { //当鼠标指针从元素上移动时
   mytooltip.css({ "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px" });
});

148月 2015