HILL_9-优快云博客

转载 js jquery json数组按照日期先后排序

var allMyApp = [ {"startDate": "2018-07-07 12:30:00",'name':'aa'}, {"startDate": "2018-07-09 12:30:00",'name':'bb'}, {"startDate": "2018-07-05 12:30:00",'name':'cc'}, {"startDate": "2018-07-01 12:30:00",'nam.

2020-07-23 15:54:20 1241

原创 jquery 获取select选中的值和文本

//选中select 的文本值$("#selectDate").find("option:selected").text()//获取select value值$("#selectDate").val()

2020-07-22 15:43:14 277

原创 js 保留两位小数（金额格式）

function moneyType(val) { if (val == "" || val == null) { $('#priceTax').val('0.00'); } var value = Math.round(parseFloat(val) * 100) / 100; var valMoney = value.toString().split("."); if (valMoney.length == 1) { value =

2020-07-22 15:12:55 1262 1

原创 datetimepicker选择获取当前的日期

// 1、可以这么写$(".customerDate").datetimepicker({ autoclose: true, todayHighlight: true, language: "zh-CN", minView: "month", format: "yyyy-mm-dd"}).on('changeDate', function (ev) { var monthShow = (ev.date.getMonth() + 1).toString();//月

2020-07-22 15:08:36 2433

原创 jq 获取当前元素的偏移量 offset

var aaa = $(‘#inpt’).val(); var offset = aaa.offset(); $(".TwotableAb").offset({ "top": (offset.top + 35), "left": offset.left }); $(".TwotableAb").slideDown("slow");

2020-07-21 11:48:39 452

原创 jq 正则表达式验证手机号和固定电话号

//验证手机号和电话号setTimeout(function () { $("#fphone").focusout(function () { var phone = $(this).val(); //console.log(phone) var regMobilePhone = new RegExp(/^1[34578]\d{9}$/); var regTelephone = new RegExp(/^((0\d{2,3})-?)(

2020-07-21 11:37:30 1608

原创 input 实时监听输入框，判断最小值只能为1或其他数

<input type="number" class="form-control oldNum" value="1" id="minPurQty" placeholder="最小起订量">$('.oldNum').live('input propertychange', function () { if ($(this).val() && $(this).val() <= 1) { $(this).val(1); } })

2020-07-15 15:53:27 1221

原创 css 改变原始checkbox的样式

标题css checkbox样式input[type='checkbox']{ width: 20px; height: 20px; background-color: #fff; -webkit-appearance:none; border-radius: 2px; outline: none; border: 2px solid #b23dfa; float: left; margin-top: 0; margin-r

2020-07-15 15:36:43 217

原创两个json数组合并去除重复的数据

var a=[{"id":"001","name":"小二","age":"18","address":"北京市1","school":"1"},{"id":"002","name":"李四","age":"15","address":"北京市2","school":"2"},{"id":"003","name":"王五","age":"16","address":"北京市3","school":"4"}];var b=[{"id":"004","name":"小明","age":"18","addres

2020-07-08 11:48:23 1362

原创 json对象数组去掉重复的数据

for (var i = 0; i < list.length; i++) { for (var j = i + 1; j < list.length;) { if (list[i].id== list[j].id) { list.splice(j, 1);//去除重复的对象； layer.alert('不能添加重复的数据'); ..

2020-07-08 11:44:58 985

原创 Layui Table点击行时选中复选框 checkbox --- jquery

$(document).on("click", ".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('.layui-table-box'); //判断存在固定列 if (tableBox.find(".layui-table-fixed.layui-table-fi

2020-07-06 09:39:53 536

原创 layui table点击行时选中单选框radio

//注：test是table原始容器的属性 lay-filter="对应的值"layui.table.on('row(test)', function (obj) { //选中行样式 obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); //选中radio样式 obj.tr.find('i[class="layui-anim layui-icon"]').trigg

2020-07-06 09:37:45 1689 1

原创 input 框输入的内容只能为大写字母和英文

input 输入的内容只能为大写字母和英文onkeyup="value=value.replace(/[^\w\/]/ig,'').toUpperCase()"

2020-07-03 11:45:51 2105

原创 jquery js 点击小图图片放大，根据窗口大小等比例缩放宽高度，真实高度和宽度都符合要求，高宽不变

首先引用jquery.jsdom元素 <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:10000;width:100%;height:100%;display:none;"> <div id="innerdiv" style="width: 50%; display: table-cell; vertical-align: middle; text-

2020-06-29 16:16:17 446

原创 Switch循环 case、default的使用

例子1var day=new Date().getDay();switch (day){ case 6: x="Today it's Saturday"; break; case 0: x="Today it's Sunday"; break; default: x="Looking forward to the Weekend";}例子2var onetype = $('#onetype').val();

2020-06-28 17:19:45 744

原创 jQuery js json tree层级树

首先先引用jQuery.js，从资源上下载，仔细看认真看什么难事都不是什么难事<script src="/UI/Scripts/jquery-1.11.3.min.js"></script>1、tree样式#TheBinding3 .fa.fa-minus{ width: 25px; height: 25px; margin: 0; padding: 0; text-align: center; line-heigh

2020-06-28 14:32:44 493

原创 tab切换的两种方式

顾名思义首先引用jQuery.js了 <script src="/UI/Scripts/jquery-1.11.3.min.js"></script>1、第一种tab切换方式//样式#datalist { width:110px; height:650px; float:left; margin-left:2px; border:1px solid #ddd;}.department { text-align:center; heig

2020-06-28 11:51:36 4136

原创 Web页面打印 jqprint

Wed页面打印，首先先引用打印用到的js,资源搜索下载<script src="../UI/Scripts/jquery.jqprint-0.3.js"></script><div class="TabContent" style="page-break-after:always">打印的内容</div>$(document).on('click', '#print', function () { $('.TabContent').jqprint(

2020-06-28 11:15:41 277

原创 table td 内容超出自动换行，并字体居中

table 表 th表头，td里的内容超出td宽度自动换行，字体居中#example-table-id tr td { text-align:center; white-space:pre-line; word-wrap:break-word; word-break:break-all}

2020-06-28 11:04:47 1174

原创 js 二维码qrcode 和条形码barcode 的使用

1、二维码，首先先引用qrcode.js 去资源上搜索下载，这个不是难事。。<script src="/UI/Scripts/jquery-3.3.1.min.js"></script><script src="../UI/Scripts/jquery.qrcode.min.js"></script>function qrcodeCodes(data, qrcodeindx) { $("#" + qrcodeindx).qrcode(data.

2020-06-28 10:58:47 1496

原创 bootstrap-select 的使用 ----- 单选、多选、获取选中的值

首先先引用js css，去资源上查找下载js css,这个不是难事，度娘搜索一大堆下载的。。。。<link href="../../UI/Style/bootstrap-select.min.css" rel="stylesheet" /><script src="../../UI/Scripts/bootstrap-select.js"></script>1、demo元素显示，data-live-search=“true"此属性是搜索select内容，“mult

2020-06-24 15:19:14 1822

原创 base64 上传图片并压缩至base64

<input type="file" name="" id="fileval" onchange="getUrl2(this.files,this.id);">function getUrl2(fil, id) {$('#myImage').html('');//此处就是显示图片的div var file = $("#" + id); if (fil[0].type.indexOf("image") < 0) { if (fil[0].name.ind

2020-06-24 14:40:31 242

原创 Bootstrap fileinput图片上传 jquery

上传图片元素显示 <div class="container kv-main" style="width:850px;"> <input id="file-1" name="file-zh" class="file-loading" type="file" data- preview-file-type="any"> </div>首先fileinputs()函数方法需要初始化 $(function(){ fileinputs() })

2020-06-24 11:59:54 354

原创两个json数组进行比较判断是否重复，重复break ,否则继续执行

新添加的ids json数组数据 ,跟原有存在的 dt_lifeArry json数组里面的数据进行比较。如果ids json数组里数据存在于dt_lifeArry json数组里面，那么就break,否则就继续执行下一步。用汉字解释实在是不知道怎么表达，应该能看懂，嗯嗯嗯 for (var i = 0; i < ArryCode.length; i++) { if ($(tablelist2[i]).hasClass('tr_active')) { ids

2020-06-18 16:45:38 1247

原创 JQuery trim()方法去掉前后空格

var val = $.trim($("#pubVal").val()); $("#pubVal").val().trim();

2020-06-18 16:14:40 351

原创 jquery 获取table里的每个tr里面的第二个td

$("#test tr td:nth-child(2)").addClass('red');

2020-06-15 11:53:02 1502

原创冒泡排序------js jquery

冒泡排序function bubbleIngSort(arr){ var len = arr.length; for(var i = 0; i < len; i++){ for(var j = 0;j < len - i -1; j++){ if(arr[j]>arr[j+1]){ var exchanges= arr[j]; arr[j] = arr[j+1]; arr[j+1] = exchanges; } } } return a

2020-06-15 09:40:35 316

原创根据条件把含有相同val值的json数组封装一起

根据某一种条件把含有相同val值的json数组封装一起封装前的json数组格式：//封装方法function JsonRest(ListData) { var map = {}, dest = [],LeftArry=[],RigthArry=[]; for (var i = 0; i < ListData.length; i++) { var ai = ListData[i]; if (!map[ai.flowname]) {

2020-06-12 11:23:45 236

原创 css 鼠标悬停出现手的标志

鼠标悬停出现手的标志 cursor:pointer;

2020-06-12 10:49:39 1701

原创 jQuery与layui 相结合获取checkBox选中的值

$(document).on('click', '#BottmSeach', function () { var checkStatus = layui.table.checkStatus('deatilsTable').data; //deatilsTable就是table的id //console.log(checkStatus) //此处打印的就是layui checkbox 选中获取的值 var arry2 = []; if (checkStatus.length

2020-06-10 09:50:31 1639

原创 table 选中多行tr 并根据Class 获取选中的数据

table 选中多行tr 并给tr addClass，并循环此时渲染的table数据，判断选中的行并且含有此class （. tr_active）的数据，并把含有此类的数据push 到一个新的数组里面。。。。。。 var ids=[]; var tablelist = $("#sourceTale tr"); for (var i = 0; i < Table1Arry.length; i++) { if ($(tablelist[i]).hasClas

2020-06-10 09:25:17 1326

原创 checkBox table全选多选（并改变 tr 的颜色）

//全选//CheckedAll 是全选的id$(document).on('click', '#CheckedAll', function () { var nn = $("#CheckedAll").is(":checked"); var namebox = $("input[name='muliCheckbox']"); //console.log(namebox) if (nn) { for (i = 0; i < namebox.len

2020-06-09 17:20:24 303

原创 jQuery js json数组对象去重

//json数组去重function duplicateRemoval(list) { for (var i = 0; i < list.length; i++) { for (var j = i + 1; j < list.length;) { if (list[i].编号 == list[j].编号 && list[i].行号 == list[j].行号) { //此处是你要判断的值 list.

2020-06-09 17:15:53 1062

原创默认当前日期 jQuery js

标题默认当前日期 jQuery js var date = new Date();var years = date.getFullYear();var months = date.getMonth() + 1;var day = date.getDate();months = (months < 10 ? "0" + months : months );day= (day< 10 ? "0" + day: day);var newdate = years + '/' + mo

2020-06-09 16:29:37 444

原创 layui 日期可以多个input框复用（并显示默认当前日期）

layui 日期可以多个input框复用（并显示默认当前日期）// input 的Class SelectStyleDtalayui.use(['layer', 'laydate'], function () { var laydate = layui.laydate; lay('.SelectStyleDta').each(function () { laydate.render({ elem: this

2020-06-09 16:20:59 654

原创实现 jquery 与layui结合生成table表，请求Ajax接口

标题（实现 jquery 与layui结合生成table表，请求Ajax接口）//table表function datas(obj){ // console.log(obj) layui.use(['laydate', 'laypage', 'layer', 'table'], function () { var laydate = layui.laydate //日期 , laypage = layui.laypage //分页 , lay

2020-06-09 16:02:42 994

原创 (layui 调用接口排序)

标题(layui 调用接口排序)//usertable就是（lay-filter=“table”）layui.use(['laydate', 'laypage', 'layer', 'table'], function () { table.on('sort(table)', function (obj) { showdatas(obj.field, obj.type) });})//排序方法function showdatas(field, type) {

2020-06-09 15:27:30 877

HILL_9的博客